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.
18
3
+ 1
0

What is Heroicons and what are its top alternatives?

Heroicons is a popular set of free icons designed by the creators of Tailwind CSS, offering a wide variety of simple and clean icons for use in web and mobile projects. With over 1000 icons available in two styles (outline and solid), Heroicons is easy to use and customize. However, one of the limitations of Heroicons is that the collection is not as extensive as some other icon sets available in the market.

  1. FontAwesome: FontAwesome is a widely used icon library with a massive collection of icons in various styles and categories. It offers a free version as well as a pro version with additional features and icons. Pros include a large selection of icons, easy customization, and regular updates. Cons may include the complexity of choosing the right icon from the extensive collection.

  2. Feather Icons: Feather Icons is a collection of beautifully designed open-source icons that are lightweight and easy to use. It provides a simple and elegant look to websites and applications. Pros include a minimalist design, easy integration, and consistent quality. Cons may include a smaller selection compared to other libraries.

  3. Material Design Icons: Material Design Icons offers a comprehensive set of icons following Google's Material Design guidelines. It includes icons in various categories and styles, making it suitable for a wide range of projects. Pros include a clean and modern design, consistent quality, and compatibility with Material Design frameworks. Cons may include a lack of customization options.

  4. Bootstrap Icons: Bootstrap Icons is an official icon library for Bootstrap, providing a set of icons designed specifically to work with the Bootstrap framework. It offers a variety of icons that are easy to use and customize for Bootstrap-based projects. Pros include seamless integration with Bootstrap, consistency in design, and regular updates. Cons may include limited usage outside of Bootstrap projects.

  5. Remix Icon: Remix Icon is a feature-packed open-source icon library with a diverse collection of icons suitable for web and mobile applications. It offers icons in different styles and categories, allowing for easy customization and integration. Pros include a wide range of icons, high-quality design, and regular updates. Cons may include a learning curve for beginners.

  6. Simple Icons: Simple Icons is a collection of SVG logos for popular brands, services, and tools, making it easy to find and use recognizable icons in projects. It offers a straightforward way to incorporate brand logos into websites and applications. Pros include a wide selection of brand logos, easy integration, and consistent quality. Cons may include limited generic icons for other purposes.

  7. Zondicons: Zondicons is a set of premium open-source icons designed with a unique style and attention to detail. It provides a distinctive look to websites and applications, with icons available in various categories. Pros include a visually appealing design, easy customization, and high-quality icons. Cons may include a smaller collection compared to other libraries.

  8. Material Icons: Material Icons is Google's official icon set for Material Design, offering a comprehensive collection of icons designed to align with Material Design guidelines. It provides icons in different themes and styles, suitable for various projects. Pros include compatibility with Material Design frameworks, consistent quality, and regular updates. Cons may include a lack of customization options.

  9. Octicons: Octicons is a set of open-source icons designed by GitHub, offering icons specifically tailored for use in GitHub projects and applications. It provides a range of icons related to coding, version control, and social media. Pros include seamless integration with GitHub projects, consistent design language, and easy customization. Cons may include limited use cases outside of GitHub-related projects.

  10. Tabler Icons: Tabler Icons is a set of open-source icons designed with a unique and modern style, offering icons in various categories for use in web and mobile projects. It provides a sleek and sophisticated look to applications, with icons that are easy to customize and integrate. Pros include a contemporary design, diverse icon selection, and regular updates. Cons may include a smaller collection compared to more established libraries.

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

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

  • 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.1K
    14.7K
    21
    The internet's most popular icon toolkit
    57.1K
    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
      126
      0
      An online service offering high-quality fonts
      4.2K
      126
      + 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

          31
          26
          0
          The visual art of creating written words
          31
          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

              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

                  FreeType logo

                  FreeType

                  12
                  0
                  0
                  A software library to render fonts
                  12
                  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

                      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