Bottom padding embed SVG

Hello community,

I am trying to find the way how to get rid of ‘‘bottom padding’’ when I use Embed component for SVG icons.

I need to change SVG icon color on hover so I have to do this this way.

Guessing Webflow still doesnt support this

<a href=""><svg class="fb"></svg></a>

Hey,

try to remove / lower the “height” parameter in the custom css code.

About the change SVG icon color, try adding;

style="svg:hover { fill: red;};"

Hey, I hope you could resolve this already, but for everyone else stumbling upon this question:

  1. Use display:“block” as an attribute in your SVG Element
  2. To change the Color of your SVG you can simply change the fill value to fill=“currentColor” and then change the Font color of that Item in your Webflow CSS Panel

Your Code would be:
<svg display="block" width="9" height="18" viewbox="0 0 9 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg">

Greetings from winno

1 Like