Using icons on the web with Ionicons



Learn how to use the Ionicons Icon Set (part of the Ionic Framework) on your own websites or web applications.

Ionicons comes with over 700 high quality icons with designs for both Material Design Style and iOS Style – you can choose them as you please!

Video from dcode. Check out the dcode channel: https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g

Twitter: @dcode

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

This Post Has 19 Comments

  1. Simone Icardi

    mh.. nice one, but I wonder how performant it could really be

  2. Phillip Shim

    Is this better than font awesome? Reason to use this over font-awesome?

  3. dcode

    Glad to see you guys liked this tutorial also! Head over to my channel for more like this one 🙂

  4. Goran Tomičić

    Good tut, short and sweet!

    P.s. which VSCode syntax theme are you using? I love it 🙂

  5. Deni Wassulmaier

    I don't understand why this methodof using icons is better, then create sprite file with svg icons, and just put icon in every place you want by <use> construction?
    In that method i need to include js file, which takes icons from another site, in svg sprite method and <use> construction you use only icons what you need, and that's all.

  6. Sakib

    how to select spesific icon using css?

  7. L R

    Is it possible for me to add text next to ion-icon within this customized tag? I tried it but nothing was showing aside from the icon itself :/

  8. Chetna Pawar

    That was very quick and informative video.
    Thanks a lot.

  9. Jason Akbar

    How do you create gradient colors in an ionicon please help

Leave a Reply