Article Preview

Hi JJ,

Because you used <img> tag with SVG source, you can not use fill to change the color of an image. Fill works only on <svg> tags.

Or you can use the filter property to alter the color of an image. It's some kind of workaround. You can use this tool: https://codepen.io/sosuke/pen/Pjoqqp

For your code, you can try with this:

.share_btn:hover{ background-color: #48556A; }

.share_btn:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(165deg) brightness(105%) contrast(101%);}

Hope you will find this useful. :)