How to Add Custom icons in flutter

Note this one . Lets try some custom icons

Let’s Go …

Get ready with custom SVG icons you have

Go to website https://www.fluttericon.com/

Drag your icons to this 👇 part of the website

You can name your custom icon here

Select those icons you need to generate from that

Press download button , you can find at the right end of the menu

Extract the download .zip file

Copy .dart file and paste it to lib directory in your project

Extracted folder

Add .ttf file to assets/font directory and update it in pubspec.yaml file in your project 👇

fonts:
  - family: MyCustomIcon
    fonts:
      - asset: assets/fonts/MyCustomIcon.ttf

Run flutter pub get in your project terminal …

Now you can add your custom icon to your app

Like this

new Icon(MyCustomIcon.my_orders),

Happy coding …….

Hit the clap as many time as you want

Savad Mv - Mobile Application Developer - The Zig | LinkedIn