Icon set design examples

Simon — Corporate Iconography

1.000+ icon library for one of the most international catalan companies

Thomas Henry, Mate Mate, iconography

Illustrative icons for Yerba Maté energy drink »Mate Mate« by Thomas Henry, a Berlin based manufacturer for authentic premium bitter-lemonades. The icons were designed as an integral part for the whole new redesign for the brand, for example for background patterns on the website, animated icons in social media and decorative elements in print campaigns. Thereby they associate the typical urban »Berlin-Vibes« of a modern city and combine the spirit of the South American heritage of Yerba Maté culture.

Streamline 3.0: The World’s Largest Icon Library

Streamline 3.0: The World’s Largest Icon Library abduzeedo Jul 24, 2018 The good people over at Streamline just launched what we all believe to be the world’s largest icon library and we couldn't be more grateful.  It's a huge set of beautifully designed icons all presented in three different unique weights totaling 31,500 icons if you go for the Ultimate pack. You can also download the free sample pack. They know that everyone's needs are different. That's why they're offering two package types and single weight options within each package. The Essential package contains the categories most commonly used for interface design. The Ultimate package contains... well, everything. File types included: .iconjar .sketch .fig .svg .ai .pdf .png Icon Library Weights Each icon in Streamline 3.0 has three unique weights. The differences are much more than just bumping up the stroke for each version too—each weight is a completely new icon. Check out the examples below. Examples of usage Icon Viewer They're also currently building a small web app that lets you browse and search Streamline icons right from your browser. Categories Essential User Interface Computer, Devices, Electronics Programming, Apps, Websites Internet, Network, Servers Content Images, Photography Music, Audio Videos, Movies, TV Files, Folders Users Emails Phones, Mobiles, Devices Messages, Chat, Smileys Social Medias, Rewards, Ratings Ultimate Interface Technology Computers, Devices, & Electronics Programming, Apps, & Websites Internet, Networks, & Servers Business Products Work, Office, & Companies Money, Payments, & Finance Shopping & Ecommerce Shipping & Delivery Content Design Images & Photography Music & Audio Video, Movies, & TV Files & Folders Users Avatars Emails Phones & Mobile Devices Messages, Chat, & Smileys Social Media, Rewards, & Rating Travel Hotels & Spas Wayfinding Food & Drink Furniture & Decoration Lamps, Lights, & Fire Clothing, Footwear, & Accessories Tools & Construction Ecology Nature & Farming Pets & Animals Weather Health & Beauty School & Learning Science Culture & Religion Romance Family, Babies, & Kids Holidays Sports Outdoors & Recreation Entertainment, Events, & Hobbies Video Games Crime, War, & Protection Transportation Maps & Navigation Building & Construction Landmarks Real Estate Arrows & Diagrams Logos Buy Now   icons

Magnolia — Iconography

Two icon families for an open source CMS

Pixo Icon Set icon

Pixo Icon Set icon

Free Shopping Icon Set

Free Shopping Icon Set

15+ Open Source Icon Library To Use In 2023

Open Source icon libraries are a great way to add visual flair to your websites and apps without having to spend a lot of time or money designing your own icons. There are many different Open Source icon libraries to choose from, each with its own unique set of features and benefits.In this article, we will discuss some of the best Open Source icon libraries available, as well as what to look for when choosing an icon library for your project.What Are Open Source Icon Libraries?Open Source icon libraries are collections of icons that are available for free to use and modify. They are often created by designers and developers who want to share their work with the world.Benefits of using Open Source icon librariesThere are many benefits to using Open Source icon libraries, including:Free to use: Open Source icon libraries are free to use, both for personal and commercial projects. This can save you a lot of money on icon design costs.High quality: Open Source icon libraries are often created by professional designers, so you can be sure that the icons are high quality and will look great on your website or app.Variety: There are many different Open Source icon libraries to choose from, so you can find icons that are perfect for your project’s specific needs.Easy to use: Most Open Source icon libraries are easy to use, with simple licensing terms and clear documentation.Scalable: Open Source icon libraries are scalable, so you can use them for small projects or large enterprise applications.What to look for when choosing an icon libraryWhen choosing an Open Source icon library for your project, there are a few things you should keep in mind:The size of the icon library: Make sure the icon library has enough icons to meet your needs. You don’t want to have to switch to a different icon library later on because you ran out of icons.The style of the icons: The icons should match the overall style of your website or app. If you have a modern, minimalist design, you don’t want to use icons that are too cartoony or old-fashioned.The licensing terms: Make sure you understand the licensing terms for the icon library you choose. Some libraries may require you to give attribution to the original author, while others may allow you to use the icons without any attribution.Ease of use: The icon library should be easy to use and integrate with your website or app. You don’t want to spend hours trying to figure out how to use the icons.Now, let’s check out the best & helpful 20+ Open Source Icon Libraries:Open Source Icon Libraries:Open Source icon libraries can be a great way to find high-quality icons that are perfect for your project, without having to spend a lot of time or money designing your own.Here are some of the best open-source icon libraries available:Google Fonts IconsGoogle Fonts’ Open Source icon library is a valuable resource for designers and developers alike. With a wide array of icons available, this library provides a versatile range of visual elements that can enrich your projects. These icons are not only aesthetically pleasing but also easy to integrate into websites and apps, enhancing the overall user experience. You can also customize the icons as well as it offers various types of icons such as outlined, rounded, sharp, etc.Navigating through Google Fonts’ icon library opens the door to a world of creative possibilities. These icons are thoughtfully designed, catering to various design needs and themes. Whether you’re looking for icons to represent actions, objects, or concepts, this library offers a diverse selection to choose from. By incorporating these icons into your work, you can streamline your design process and ensure a consistent and engaging visual language across your projects.What Does It Offer?Over 3,013 glyphsA diverse collection of icons spanning various categoriesEasy integration into websites and apps using HTML/CSSCustomizable in terms of size and colorDesigned with accessibility in mindRegularly updated with new additionsOpen source and freely available for useVector format ensures scalabilityResponsive design for consistent displayUser-friendly interface for easy selectionCommunity-driven contributions for quality iconsFeather IconsFeather Icons is a remarkable open-source icon library available at feathericons.com. It offers a diverse collection of sleek and minimalist icons that can enhance the visual appeal of any project. With its user-friendly interface and easy integration, designers and developers can swiftly find and implement the perfect icons for their websites, applications, or presentations.Here, you also have a customization option that allows you to change the size, stroke width & color as per your need and requirements. Each icon is designed on a 24X24 px grid, and they are available as an individual SVG file, which can be easily edited and scaled to fit your project’s needs. Feather icons can be used in React. js, client-side JavaScript, node. js, SVG Sprite, as well as on Figma.Besides, the Feather Icons library covers various categories, ensuring that you’ll discover icons that perfectly align with your project’s theme and requirements.What Does It Include?The library’s minimalist design ethos and comprehensive range of icons make it an ideal choice for those seeking simplicity and style in their visual elements.It offers:A diverse collection of 200+ sleek and minimalist iconsUser-friendly interface for easy navigationA comprehensive range of categories for various themesSeamless integration into websites, applications, and presentationsHigh-quality icons designed with attention to detailSimplified process for enhancingWith its commitment to simplicity and an intuitive interface, Feather Icons streamlines the process of integrating high-quality icons into your work, allowing you to elevate your content with a modern and polished touchBoxiconsBoxicons is a dynamic Open Source icon library that offers a diverse range of icons catering to various design needs. With its modern and minimalistic design approach, Boxicons provides a comprehensive collection of icons that can seamlessly integrate into your projects. Whether you’re working on a website, application, or presentation, Boxicons offers a versatile array of icons to choose from, making it a valuable resource for designers and developers.Exploring the Boxicons library grants you access to a multitude of icons that can elevate the visual appeal of your creations. These icons are designed to be pixel-perfect and are available in both outline and solid styles, enabling you to achieve the desired aesthetic for your project.What Does It Offer?Modern and minimalistic icons for diverse design needsSeamless integration into websites, apps, and presentationsAvailable in outline and solid stylesPixel-perfect design for a polished aestheticOpen source, encouraging collaboration and creativityRegular updates to keep the icon collection freshSuitable icons for various industries and themesUser-friendly search and selection interfaceHigh-quality vector format ensures sharpnessA valuable resource for designers and developers alikeBy incorporating Boxicons into your work, you not only save time but also contribute to a growing repository of high-quality icons that enhance the overall design landscape.We have used this open-source icon library in our product Sneat Bootstrap 5 HTML Admin Template. Boxicons are very helpful to give your project an interactive & catchy look. Likewise, Bootstrap Admin Template is also helpful in developing a responsive web app with ease.You can use this admin template to develop any kind of web app such as SaaS apps, Fitness Apps, eCommerce Apps, Education Apps, etc. It is highly customizable.Features:Based on Bootstrap 5Vertical & Horizontal layoutsDefault, Bordered & Semi-dark themesLight & Dark mode supportInternationalization/i18n & RTL ReadyLayout GeneratorTheme Config: Customize our template without a sweat5 Dashboard10 Pre-Built AppsMuzli InspirationWe would also like to recommend here a powerful new-tab browser plugin Muzli. It is also available in the mobile app. Moreover, it instantly delivers the latest and cutting-edge designs and news each time you open a new tab.Here you can discover the best web design inspiration, best websites, best logos, icons, web trends, best mobiles sites and applications, minimalist websites, brutalist websites, innovative illustrations, design features, unique websites, photography projects, and visual art, as well as opinions and articles from design experts across the world.RemixiconRemix Icon stands as a dynamic Open Source icon library that delivers an impressive array of 2000+ icons tailored to diverse design requirements. Renowned for its visually appealing and contemporary style, Remix Icon offers an extensive assortment of icons that seamlessly integrate into an assortment of projects.It also offers a customization option where you can change the size of the icon easily. Furthermore, you can paste vector graphics into various design software such asFigmaSketchAdobe IllustratorAdobe XDFramerAffinity Designer etc.Apart from this, it also lets you download the icon in SVG & PNG. Besides, an expansive selection of icons is available in both outline and filled styles, allowing you to achieve a preferred look for your design.What Does It Offer?Whether your focus is on web development, mobile applications, or creative presentations, Remix Icon serves as a valuable asset that provides flexibility and visual allure for designers and developers alike.It offers:2000+ Contemporary and visually appealing icons.Seamless integration for web, mobile, and presentations.An extensive collection is available in outline and filled styles.Meticulously crafted icons for polished designs.Open source platform fostering community collaboration.Regular updates to keep the icon collection current.Versatile icons are suitable for various themes and projects.User-friendly interface for easy icon selection.High-quality vector format ensures sharpness.A valuable resource for enhancing design aesthetics.By incorporating Remix Icons into your projects, you not only streamline your design workflow but also contribute to a flourishing repository of top-notch icons, enriching the overall design landscape.Exemplar Free Avatar Library For Figma & SketchExemplar — free Avatar library comes with 20 Avatars. You can use them for your application by customizing colors and shapes..!! It is a hand-picked style library of user profiles. While working on a project involving a lot of profiles we realized that a styles library is much faster to use than a plugin, so to save time and make it easy, we have prepared this free avatar library.What Does It Offer?Figma componentsSketch symbols20 Free AvatarResizable, High Resolution & CustomisableSuitable for Web & AppsTabler-iconsTabler Icons is a versatile open-source icon library with a vast collection of crisp and modern icons, it caters to various design needs.From user interfaces to presentations, Tabler Icons offers a wide array of visual elements that effortlessly enhance the aesthetics of your projects. Whether you’re a designer, developer, or content creator, this icon library provides a valuable resource to elevate your visual content.This Open Source icon library offers a curated selection of 4000+ icons that can seamlessly integrate into different design environments. The packages are available for,FigmaSvelteVueReactSolidJsPreactSVG, PDF, PNG, EPS, Font, etc.What Does It Offer?Extensive and diverse icon collectionHigh-quality, well-crafted designsSeamless integration for various projectsCustomization options to match your styleConsistent design language across iconsBy leveraging Tabler Icons in your designs, you can achieve a polished and professional look while saving valuable time and effort.Bootstrap IconsBootstrap Icons, an open-source icon library known for its versatility and quality, offers a wide-ranging collection of visually appealing icons suitable for a variety of creative projects. These beautifully designed icons seamlessly integrate into websites, applications, and presentations, serving the needs of designers, developers, and content creators.Developed by the Bootstrap team, this icon library provides a comprehensive selection of modern and well-crafted icons that can significantly enhance the visual appeal and functionality of your projects.Whether you’re aiming to elevate the user interface of a digital platform or enhance the visual impact of a presentation, Bootstrap Icons delivers a cohesive range of visuals.What Does It Offer?Versatile icon collection.Seamless integration into various projects.Carefully designed by Bootstrap experts.Suitable for designers, developers, and content creators.User-friendly interface for easy selection and incorporation.Leverage the potential of this outstanding open-source resource, Bootstrap Icons, to elevate the visual aesthetics and effectiveness of your web apps.FlowBite IconsFlowbite Icons present a vibrant open-source icon library that aims to elevate your creative projects. With an extensive array of meticulously crafted icons, Flowbite Icons seamlessly integrate into websites, apps, and presentations. Serving designers, developers, and content creators alike, this library offers a comprehensive spectrum of visual elements that enhance both aesthetics and functionality.Discover a versatile selection of icons tailored to diverse design needs. Whether you’re enhancing a user interface or adding visual flair to presentations, Flowbite Icons provide a cohesive collection.The user-friendly interface simplifies the process of selecting and incorporating icons, streamlining design workflows, and nurturing creative expression. Capitalize on the potential of this remarkable open-source resource to enhance the visual allure and effectiveness of your projects.Heroicons.comHeroicons is a renowned open-source icon library that provides a versatile collection of icons for various applications. With a focus on simplicity and usability, Heroicons offers a wide range of meticulously crafted icons that cater to diverse design needs.From basic shapes to intricate symbols, this library offers an extensive selection, making it an indispensable resource for content creators, designers, and developers alike. By seamlessly integrating these icons into your projects, you can enhance visual appeal and user experience, while adhering to a professional and polished design aesthetic.In the realm of design and development, Heroicons stands out as a reliable source of high-quality icons. This open-source icon library boasts a comprehensive assemblage of icons that cater to different themes and purposes. Whether you’re working on a website, app, or presentation, Heroicons offers a diverse array of symbols that can be effortlessly incorporated into your projects.What Does It Offer?Wide variety of iconsOpen-source librarySimple and versatile designsSuitable for different applicationsEasy integration into projectsEnhances visual appealSupports various themes and purposesThe library’s commitment to providing clear, concise, and visually appealing icons ensures that your content maintains a cohesive and engaging look. With Heroicons, you can streamline your design process and elevate your projects with a refined touch.IconoirIconoir stands as a prominent open-source icon library, offering an extensive array of meticulously designed icons to cater to diverse design requirements. With a commitment to simplicity and elegance, Iconoir’s collection spans a wide range of symbols, from elemental shapes to intricate visuals, ensuring compatibility with a variety of design contexts.This resource has established itself as an indispensable asset for content creators, designers, and developers, providing them with the tools to enhance the visual appeal and professionalism of their projects.In the realm of design and creative expression, Iconoir emerges as a notable repository of icons, embracing an expansive assortment that aligns with different thematic and functional needs.What Does It Offer?Extensive collection of iconsOpen-source icon libraryA diverse range of designsCompatibility with various design contextsSeamless integration into projectsEnhances visual appeal and professionalismSupports different thematic and functional needsPhosphoriconsPhosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. Besides, it is available for web, React, Vue, Flutter, Elm, and other frameworks and platforms.It offers a great customization option. You can change the icon's weight as per your need and requirement by simply choosing from the options like Thin, Light, Regular, Bold, Fill, and Duotone. Apart from this, you can also change the pixels & colors as per your need. And what is awesome is, the changes you do are live. This means you will directly see the changes you have done..!!What Does It Offer?1,248 icons and counting6 weights: Thin, Light, Regular, Bold, Fill, and DuotoneDesigned at 16 x 16px to read well small and scale up bigRaw stroke information retained to fine-tune the styleLucide.devLucide is a beautiful and consistent icon toolkit made by the community. It is an open-source project and a fork of Feather Icons. Lucide is trying to expand the icon set as much as possible while staying faithful to the original simplistic design language.Available for:Vue 3, Angular, React, React NativeWebPreactStatic (svg sprite, font, icons ..)FigmaLaravelFlutterSvelteSolid & more…What Does It Offer?More icons to work with: Lucide already has hundreds of icons more than Feather does.Official libraries and integrations with popular frameworks and design tools.Well-maintained code base.Active community, regularly growing and improving the set.Atlas IconsAtlas Icons is an Open Source icon library that provides over 2,000 icons in SVG, web font, and React, Vue, and Flutter packages. The icons are designed to be consistent in style and detail level, and they can be easily edited with 3 different stroke weights and flexible sizes. Atlas Icons is a great option for designers and developers who need a versatile and free icon library.What Does It Offer?Over 2,000 icons3 different stroke weightsFlexible sizeEasy UsageOcticons by PrimerPrimer’s icon library offers a comprehensive collection of open-source icons that cater to diverse design needs. These icons span various categories, providing a versatile range of visual elements suitable for different projects.With a focus on clarity and consistency, Primer’s icons seamlessly integrate into designs, enhancing user experiences across digital platforms. Besides, the icons are available in 16px & 24px. You can change the range of icons as per your need & requirements. Apart from that, the icons can be downloaded in SVG, and PDF format. Additionally, you can use this icon in React, Ruby, or Jekyll.Primer’s icon library stands out for its accessibility and user-centered approach. The icons are meticulously designed to ensure they’re easily recognizable and accessible to all users.What Does It Offer?Diverse icon categoriesConsistency in designAccessibility-focusedVersatile integration optionsOpen-source availabilityThis open-source resource empowers designers to effortlessly incorporate visually appealing and meaningful icons into their projects, contributing to cohesive and polished design aesthetics.CSS.ggCSS Icons is an open-source icon library that provides a versatile collection of 700+ icons for various design needs. With a wide range of categories to choose from, it offers designers and developers a diverse selection of icons to enhance their projects. This icon library is a valuable resource for those seeking a seamless integration of icons into their web applications and designs.Not only that, it lets you customize the icon’s colors in real-time. It offers icons in SVG format. You can also copy the direct CSS, SVG, or TSX code and paste it.Besides, this Open Source icon library stands out for its user-friendly approach and customization options. Also, it allows users to easily incorporate icons into their projects through simple CSS classes, ensuring a smooth and efficient workflow.What Does It Offer?Figma ComponentsSVG IconsSVG SpriteStyled ComponentsReact Local Style ComponentsWith its extensive collection and straightforward implementation, CSS Icons simplifies the process of adding visually appealing icons to websites, applications, and other digital platforms.CooliconsCoolicons, curated by Kryston Schwarze, offers a captivating array of creatively crafted icons. Catering to content creators, web developers, and designers, CoolIcons presents an expansive collection spanning diverse categories.This resource empowers you to infuse a modern and visually appealing touch into your projects, facilitating effective communication and enhancing the overall user experience. Whether you’re working on a blog, website, or social media campaign, CoolIcons equips you with a versatile selection of icons to seamlessly integrate and elevate your content.What Does It Offer?An extensive collection spanning various categoriesCreative and modern icon designsVersatility for diverse design themesEnhances the visual appeal of content and interfacesEffective communication through visual elementsDoodle IconsDoodle icons by Khusmeen are versatile graphical elements that can add a creative touch to various projects. With a wide range of options, the Doodle Icons can be used to enhance presentations, websites, social media posts, and more.These icons come in various styles and themes, making them suitable for diverse content needs. Whether you’re working on a blog post, social media campaign, or any other project, incorporating these icons could help visually engage your audience and convey information effectively.What Does It Offer?Hand-drawn icons using an icon grid400+ icons with 15 categoriesFree for personal & commercial useNo attribution requiredIcons available in PNG, SVG & figma formatSVG filesPNG files.FIG FileEva IconEva Icons is a pack of more than 400+ beautifully crafted Open Source icons for common actions and items.Eva Icons is a versatile icon pack that caters to the design needs of various projects. With a comprehensive collection of icons in SVG & PNG format, it offers a rich visual resource for content creators, designers, and developers. These icons are thoughtfully crafted to maintain a cohesive and professional aesthetic across different platforms and applications.From basic essentials to specialized symbols, Eva Icons provides a diverse set of visuals that can enhance the visual appeal and user experience of your content and interfaces. You can customize the icons and animation style.Ideal for both web and mobile applications, Eva Icons brings a modern touch to your design. Its broad spectrum of icons ensures that you can find suitable graphics for any project, saving valuable time and effort in the design process.What Does It Offer?Extensive collection of iconsA modern and cohesive designSuitable for various platformsEnhances visual appealVersatile for web and mobile applicationsThis icon pack is an asset for content writers, designers, and developers seeking to elevate the visual aspects of their work with a wide-ranging selection of meticulously designed icons.Free3diconFree3Dicon is an Open Source Icon Library that offers a collection of free, beautiful, trending 3D icons that you can use in any project. The icons are available in SVG and PNG formats, and you can download them individually or in packs. Free3Dicon also offers a Figma community file that you can use to import the icons into your Figma projects.What Does It Offer?Extensive collection of high-quality 3D icons.A diverse range of categories for various themes.Simplified integration into websites, apps, and presentations.Enhances visual appeal and engagement.Suitable for a wide array of design projectsIconsvgIconSVG is a great resource for finding free, customizable SVG icons. The icons are well-designed and easy to use, and the customization options are extensive. They are available in a variety of styles, including simple outlines, brand logos, and tritone. Besides, it also offers a dark mode option for the icons.You can then customize the icons by changing the size, stroke width, stroke color, and ends and joins. You can also download the icons in SVG, JSX, or React formats.IconSVG stands out as an essential tool for content creators and designers alike. Its vast and versatile icon collection empowers users to effortlessly enhance their projects with visually engaging elements.What Does It Offer?A diverse collection of visually appealing iconsUser-friendly interface for easy navigationSeamless integration into various design projectsA valuable resource for content creators and designersIconHub.IoIconhub is a website that offers a collection of icons that are designed for practical use. The icons are available in a variety of styles, including line, glyph, and multi-color. Iconhub also offers a variety of features, such as the ability to filter icons by category, color, and size.To use Iconhub, simply browse the collection of icons and select the ones you want to use. You can then download the icons in SVG, PNG, or EPS formats. Iconhub also offers a code snippet generator that you can use to embed the icons in your website or project.Iconhub is a great resource for finding icons for your next project. The icons are well-designed and easy to use, and the variety of styles and features make it easy to find the perfect icons for your needs.What Does It Offer?Comprehensive hub for a wide array of iconsExtensive library catering to diverse design needsIntuitive interface for easy exploration and selectionVersatile collection of icons for various themes and industriesEmpowers designers and creators with compelling visualsConclusion:Open Source icon libraries offer a versatile resource for designers and developers. These libraries provide a vast array of icons that can enhance the visual appeal and functionality of websites, applications, and various projects.With a diverse selection of icons available, designers can easily find the perfect match for their design themes, contributing to a more cohesive and engaging user experience.Moreover, Open Source icon libraries align with the collaborative spirit of the development community. They encourage sharing and customization, fostering innovation and creativity.By utilizing these libraries, developers can streamline their workflow, saving time and effort in creating icons from scratch. Whether for personal projects or commercial applications, the availability of these libraries empowers creators to elevate their designs while maintaining an active and dynamic development ecosystem15+ Open Source Icon Library To Use In 2023 was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.