Hi, i’m facing an issue with my svg’s color, as i have to blocks in my home page, where i’m using different icons, svg color is changing automaticly to one color, if i set blue one all of them are blue if i set white one all of them are white ?!.
also, i took a bloc demolanding gadget home page, but my svg’s is not changing color automaticly on hover, could you assist me with that also thank you.
The problem is caused by SVG itself: some of your SVG images have styles which are applied to the whole page. As a result, the styles of one SVG icon influence the other. In order to solve this, you need to insert inline styles without classes.
You can open your SVG image in any text editor and manually change styles to inline like is shown on this screenshot https://prnt.sc/loz0mw.
If you create SVG in Adobe Illustrator we would suggest exporting SVG with appropriate CSS properties in the first place. During export from Illustrator choose style attributes. You can read more about resolving this issue in Illustrator here https://cobwwweb.com/inline-style-attributes-svg-elements.
Below I add an example file of the correct use of SVG styles.
.
