I am using SVG icons in my application. But i am not able to get the SVG colored icons. It always become black and white in color. How can i get the colorful SVG icons, as it is ? I am using below code snippet to get CSS class. And then apply in html like: <ion-icon class="fn-navigate"></ion-ic…

As mentioned above <img src="x.svg"> worked fine but i did not want to hard code my html. So, i fixed the above mentioned class approach as below: ion-icon { &[class*="fn-"] { background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; widt…

How to get SVG colored icons

Ionic Framework ionic-v3

robinyo April 10, 2018, 4:25am 13

See: Anyway to custom the tabbar's icon with my own svg file?

Topic		Replies	Views
Ion-icon custom Svg on IE Edge - no displaying ionic-v3	1	803	July 19, 2021
Svg icons original color ionic-v3	0	357	February 6, 2017
Color attribute not applied to custom SVG icon Ionic Framework	1	3761	June 30, 2021
Customize svg ionicon via css Ionic Framework	0	428	July 2, 2019
Some svg icons don't show in device ionic-v3	1	982	January 20, 2019

How to get SVG colored icons

Related topics