How to put SVG icons in flutter?

Asked 21/4, 2021 at 4:43 Answered 21/4, 2021 at 4:46

Put this code in pubspec.yaml

flutter_svg: ^0.19.3

Even I put in assets these

assets:
     - assets\icons\logo.jpg
     - assets\icons\menuicon.svg
     - assets\icons\searchIcon.svg

In code it looks like this

IconButton(
                    icon: Icon(Icons.searchicon.svg),
                    onPressed: () {},

Vicenta answered 21/4, 2021 at 4:43 Comment(1)

Does this answer your question? Flutter SVG rendering – Mithraism 21/4, 2021 at 5:37

The Icon parameter accept any kind of widget not only Icon So you can use any widget like below

   IconButton(icon: SvgPicture.asset(
      assetName,
      color: Colors.red,
      semanticsLabel: 'Label'
    ),onPressed: () {},

Indoors answered 21/4, 2021 at 4:46 Comment(2)

The problem is we have to manually control theming on each icon. It does not inherit IconTheme class. – Apelles 20/10, 2021 at 2:42

@HamdamMuqimov how about passing Theme.of(context).iconTheme.color for the color property? – Irreproachable 22/9, 2022 at 9:33