Software Alternatives & Reviews

7 Best Free Icon Libraries

  1. Simply beautiful open source icons
    Pricing:
    • Open Source
    It will be possible to represent each embed icon as an SVG, which means there will be no scaling or blurring issues. The Feather Icons library is not the lightest library, but it is still quick on a 2G network and is an excellent starting point since it has open source icons.

    #Web Icons #Vector Icons #Icons 63 social mentions

  2. Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!
    Pricing:
    • Open Source
    While Font Awesome was a font-based asset library i.e font icon library, Bootstrap chose to use SVG-based icons. At this time, Bootstrap Icons consists of over 1,000 ready-to-use library icons in the alpha version.

    #Web Fonts And Design Assets #Vector Icons #Icon Fonts 125 social mentions

  3. Creating, Sharing and Celebrating the World's Visual Language
    The Noun Project's web icons library offers integrations with Adobe, Mac, Office, and Google apps. This might make you assume spending for a yearly plan. Remember, you can download and use it for free and without attribution.

    #Web Icons #Icon Fonts #Vector Icons 138 social mentions

  4. Official open source SVG icon library for Bootstrap
    Pricing:
    • Open Source
    The Bootstrap Icons package can be installed via npm or manually downloaded. There are several ways to include Bootstrap Icons on your site, depending on your setup:

    #Web Icons #Icon Fonts #Vector Icons 19 social mentions

  5. Iconfinder is the leading search engine and market place for vector icons in SVG, PNG, CSH and AI format..
    @import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css");An usage example<svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#heart-fill"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#toggles"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#shop"/> </svg> 5. Icon Finder IconFinder 6. React IconsReact Icons Installationnpm install react-icons --save npm install @react-icons/all-files --saveAn usage exampleimport { FaBeer } from 'react-icons/fa'; class Question extends React.Component { render() { return <h3> Lets go for a <FaBeer />? </h3> } } import { FaBeer } from "@react-icons/all-files/fa/FaBeer";

    #Web Icons #Icon Fonts #Vector Icons 3 social mentions

  6. Include popular icons in your React projects easly with react-icons.
    Pricing:
    • Open Source
    @import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css");An usage example<svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#heart-fill"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#toggles"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#shop"/> </svg> 5. Icon Finder IconFinder 6. React IconsReact Icons Installationnpm install react-icons --save npm install @react-icons/all-files --saveAn usage exampleimport { FaBeer } from 'react-icons/fa'; class Question extends React.Component { render() { return <h3> Lets go for a <FaBeer />? </h3> } } import { FaBeer } from "@react-icons/all-files/fa/FaBeer";

    #Design Resources #Icons #Web Icons

  7. A database of free vector icons.
    In Flaticon, you will find vectors or embed icons that can be completely edited and used for any one or more of your personal or commercial projects. With over 2.3 million vector icons library organized into 51202 packs, Flaticon offers a wide range of options.

    #Web Icons #Icon Fonts #Vector Icons 27 social mentions

Discuss: 7 Best Free Icon Libraries

Log in or Post with