Alternatives to Heroicons logo

Alternatives to Heroicons

Google Fonts, Font Awesome, Typekit, Typography, and JetBrains Mono are the most popular alternatives and competitors to Heroicons.
17
2
+ 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 18.5K GitHub stars and 1.2K 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. ...

  • 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. ...

  • Cyborg
    Cyborg

    It is a partial port of Android's VectorDrawable to iOS. It is intended as a replacement for UIImages, Icon Fonts, and Apple's PDF vector image option. ...

Heroicons alternatives & related posts

Google Fonts logo

Google Fonts

75.7K
12K
11
Making the web more beautiful, fast, and open through great typography
75.7K
12K
+ 1
11
PROS OF GOOGLE FONTS
  • 7
    Restrict character set
  • 4
    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 · 2.1M 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

    56.1K
    13.7K
    21
    The internet's most popular icon toolkit
    56.1K
    13.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 · 2.1M 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

          22
          25
          0
          The visual art of creating written words
          22
          25
          + 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

              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

                          Cyborg logo

                          Cyborg

                          3
                          4
                          0
                          Display Android Vectordrawables on iOS
                          3
                          4
                          + 1
                          0
                          PROS OF CYBORG
                            Be the first to leave a pro
                            CONS OF CYBORG
                              Be the first to leave a con

                              related Cyborg posts