我在我的网站上使用 svg 图标。这是我从 Adobe Illustrator 获得的代码:
<svg id="Livello_1" data-name="Livello 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.05 436.7"><path d="M190.5,66.9l22.2-22.2a23.9,23.9,0,0,1,33.9,0L441,239a23.9,23.9,0,0,1,0,33.9L246.6,467.3a23.9,23.9,0,0,1-33.9,0l-22.2-22.2a24,24,0,0,1,.4-34.3L311.4,296H24A23.94,23.94,0,0,1,0,272V240a23.94,23.94,0,0,1,24-24H311.4L190.9,101.2A23.85,23.85,0,0,1,190.5,66.9Z" transform="translate(0 -37.65)"/></svg>Run Code Online (Sandbox Code Playgroud)
我已经能够改变它的颜色(在我的 css 中fill:#33453a;),但不能改变它的大小(我尝试使用 和font-size,width但它们都不起作用)。我尝试这样做的原因是我需要一个可以在:hover状态中更改颜色和大小的图标。