Alternatives to Heroicons logo

Alternatives to Heroicons

Google Fonts, Font Awesome, Typekit, Typography, and FreeType are the most popular alternatives and competitors to Heroicons.
20
3
+ 1
0

What is Heroicons and what are its top alternatives?

It is a set of 450+ free MIT-licensed high-quality SVG icons for you to use in your web projects. Available as basic SVG icons and via first-party React and Vue libraries.
Heroicons is a tool in the Fonts category of a tech stack.
Heroicons is an open source tool with 20.5K GitHub stars and 1.3K GitHub forks. Here’s a link to Heroicons's open source repository on GitHub

Top Alternatives to Heroicons

  • Google Fonts
    Google Fonts

    A library of 915 free licensed fonts, an interactive web directory for browsing the library, and APIs for conveniently using the fonts via CSS and Android. ...

  • Font Awesome
    Font Awesome

    You can get vector icons and social logos on your website with it. It is a font that's made up of symbols, icons, or pictograms that you can use in a webpage, just like a font. ...

  • Typekit
    Typekit

    It is an online service which offers a subscription library of high-quality fonts. The fonts may be used directly on websites or synced via Adobe Creative Cloud to applications on the subscriber's computers. ...

  • Typography
    Typography

    It is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. This term is also applied to the style, arrangement, and appearance of the letters, numbers, and symbols created by the process. ...

  • FreeType
    FreeType

    It is a free, high-quality and portable Font engine. It is designed to be small, efficient, highly customizable, and portable while capable of producing high-quality output (glyph images) of most vector and bitmap font formats. ...

  • JetBrains Mono
    JetBrains Mono

    It is the free and open-source typeface for developers that makes it easier to read code. ...

  • CoreUI Icons
    CoreUI Icons

    It is an open-source icon set with more than 500 icons in multiple formats SVG, PNG, and Webfonts. They are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or mobile app. ...

  • Colors & Fonts
    Colors & Fonts

    It is a curated library of colors, fonts, and resources for web developers & digital designers. ...

Heroicons alternatives & related posts

Google Fonts logo

Google Fonts

77K
13K
13
Making the web more beautiful, fast, and open through great typography
77K
13K
+ 1
13
PROS OF GOOGLE FONTS
  • 8
    Restrict character set
  • 5
    Free
CONS OF GOOGLE FONTS
    Be the first to leave a con

    related Google Fonts posts

    Simon Reymann
    Senior Fullstack Developer at QUANTUSflow Software GmbH · | 23 upvotes · 4.7M views

    Our whole Vue.js frontend stack (incl. SSR) consists of the following tools:

    • Nuxt.js consisting of Vue CLI, Vue Router, vuex, Webpack and Sass (Bundler for HTML5, CSS 3), Babel (Transpiler for JavaScript),
    • Vue Styleguidist as our style guide and pool of developed Vue.js components
    • Vuetify as Material Component Framework (for fast app development)
    • TypeScript as programming language
    • Apollo / GraphQL (incl. GraphiQL) for data access layer (https://apollo.vuejs.org/)
    • ESLint, TSLint and Prettier for coding style and code analyzes
    • Jest as testing framework
    • Google Fonts and Font Awesome for typography and icon toolkit
    • NativeScript-Vue for mobile development

    The main reason we have chosen Vue.js over React and AngularJS is related to the following artifacts:

    • Empowered HTML. Vue.js has many similar approaches with Angular. This helps to optimize HTML blocks handling with the use of different components.
    • Detailed documentation. Vue.js has very good documentation which can fasten learning curve for developers.
    • Adaptability. It provides a rapid switching period from other frameworks. It has similarities with Angular and React in terms of design and architecture.
    • Awesome integration. Vue.js can be used for both building single-page applications and more difficult web interfaces of apps. Smaller interactive parts can be easily integrated into the existing infrastructure with no negative effect on the entire system.
    • Large scaling. Vue.js can help to develop pretty large reusable templates.
    • Tiny size. Vue.js weights around 20KB keeping its speed and flexibility. It allows reaching much better performance in comparison to other frameworks.
    See more
    Font Awesome logo

    Font Awesome

    57.6K
    14.7K
    21
    The internet's most popular icon toolkit
    57.6K
    14.7K
    + 1
    21
    PROS OF FONT AWESOME
    • 8
      CDN
    • 7
      CSS Styling
    • 6
      Open source
    • 0
      Easy Upgrades
    • 0
      Auto-accessibility (A11y)
    • 0
      API
    CONS OF FONT AWESOME
      Be the first to leave a con

      related Font Awesome posts

      Simon Reymann
      Senior Fullstack Developer at QUANTUSflow Software GmbH · | 23 upvotes · 4.7M views

      Our whole Vue.js frontend stack (incl. SSR) consists of the following tools:

      • Nuxt.js consisting of Vue CLI, Vue Router, vuex, Webpack and Sass (Bundler for HTML5, CSS 3), Babel (Transpiler for JavaScript),
      • Vue Styleguidist as our style guide and pool of developed Vue.js components
      • Vuetify as Material Component Framework (for fast app development)
      • TypeScript as programming language
      • Apollo / GraphQL (incl. GraphiQL) for data access layer (https://apollo.vuejs.org/)
      • ESLint, TSLint and Prettier for coding style and code analyzes
      • Jest as testing framework
      • Google Fonts and Font Awesome for typography and icon toolkit
      • NativeScript-Vue for mobile development

      The main reason we have chosen Vue.js over React and AngularJS is related to the following artifacts:

      • Empowered HTML. Vue.js has many similar approaches with Angular. This helps to optimize HTML blocks handling with the use of different components.
      • Detailed documentation. Vue.js has very good documentation which can fasten learning curve for developers.
      • Adaptability. It provides a rapid switching period from other frameworks. It has similarities with Angular and React in terms of design and architecture.
      • Awesome integration. Vue.js can be used for both building single-page applications and more difficult web interfaces of apps. Smaller interactive parts can be easily integrated into the existing infrastructure with no negative effect on the entire system.
      • Large scaling. Vue.js can help to develop pretty large reusable templates.
      • Tiny size. Vue.js weights around 20KB keeping its speed and flexibility. It allows reaching much better performance in comparison to other frameworks.
      See more
      Typekit logo

      Typekit

      4.2K
      127
      0
      An online service offering high-quality fonts
      4.2K
      127
      + 1
      0
      PROS OF TYPEKIT
        Be the first to leave a pro
        CONS OF TYPEKIT
          Be the first to leave a con

          related Typekit posts

          Typography logo

          Typography

          35
          26
          0
          The visual art of creating written words
          35
          26
          + 1
          0
          PROS OF TYPOGRAPHY
            Be the first to leave a pro
            CONS OF TYPOGRAPHY
              Be the first to leave a con

              related Typography posts

              FreeType logo

              FreeType

              15
              0
              0
              A software library to render fonts
              15
              0
              + 1
              0
              PROS OF FREETYPE
                Be the first to leave a pro
                CONS OF FREETYPE
                  Be the first to leave a con

                  related FreeType posts

                  JetBrains Mono logo

                  JetBrains Mono

                  14
                  13
                  0
                  A free font that makes it easier for devs to read code 🛠️
                  14
                  13
                  + 1
                  0
                  PROS OF JETBRAINS MONO
                    Be the first to leave a pro
                    CONS OF JETBRAINS MONO
                      Be the first to leave a con

                      related JetBrains Mono posts

                      CoreUI Icons logo

                      CoreUI Icons

                      4
                      13
                      0
                      Open-source icons with marks in SVG, Webfont and raster
                      4
                      13
                      + 1
                      0
                      PROS OF COREUI ICONS
                        Be the first to leave a pro
                        CONS OF COREUI ICONS
                          Be the first to leave a con

                          related CoreUI Icons posts

                          Colors & Fonts logo

                          Colors & Fonts

                          3
                          7
                          0
                          Curated library of colors and fonts for Web Developers & Digital Designers
                          3
                          7
                          + 1
                          0
                          PROS OF COLORS & FONTS
                            Be the first to leave a pro
                            CONS OF COLORS & FONTS
                              Be the first to leave a con

                              related Colors & Fonts posts