How to put SVG icons in flutter?

Question

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: () {},

Does this answer your question? [Flutter SVG rendering](https://stackoverflow.com/questions/44087400/flutter-svg-rendering) — ibhavikmakwana, Apr 21 '21 at 05:37

score 11 · Answer 1 · answered Apr 21 '21 at 04:46

11

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: () {},

answered Apr 21 '21 at 04:46

Nilesh Senta

8

The problem is we have to manually control theming on each icon. It does not inherit IconTheme class. – Hamdam Muqimov Oct 20 '21 at 02:42
2

@HamdamMuqimov how about passing ````Theme.of(context).iconTheme.color```` for the color property? – ming chen Sep 22 '22 at 09:33

1 Answers1