Open Source JavaScript Icon Sets
Sort By:
JavaScript Icon Sets
View 163 business solutionsBrowse free open source JavaScript Icon Sets and projects below. Use the toggles on the left to filter open source JavaScript Icon Sets by OS, license, language, programming language, and project status.
-
Build Data Resilience - Take the Assessment TodayIs your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
1
Bootstrap Icons
Open source SVG icon library for Bootstrap
Free, high-quality, open-source icon library with over 1,600 icons. Include them any way you like, SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project. Bootstrap Icons are published to npm, but they can also be manually downloaded if needed. Bootstrap Icons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. We recommend using a width: 1em (and optionally height: 1em) for easy resizing via font-size. Embed your icons within the HTML of your page (as opposed to an external image file). Here we’ve used a custom width and height. Use the SVG sprite to insert any icon through the <use> element. Use the icon’s filename as the fragment identifier (e.g., toggles is #toggles). SVG sprites allow you to reference an external file similar to an <img> element, but with the power of currentColor for easy theming. -
2
font-logos
An icon font providing popular linux distro's logos
font-logos is an icon font containing logos of popular Linux distributions and other open-source software. All brand icons are trademarks of their respective owners and should only be used to represent the company or product to which they refer. Install the font by downloading and unpacking the latest release's zip manually or installing it from npm. -
3
Ikonate
Fully customisable & accessible vector icons
Ikonate are fully customizable & accessible*, well-optimized vector icons. To learn more about the project and generate the icons online, visit Ikonate. Customized SVG icons as stand-alone files (perfect for designers who don't want to edit code) Customised SVG sprite with an html demo. Customized html demo of the icons as inline SVG. To customise icons with CSS you need to use the icons as either inline SVG or SVG sprite. Ikonate is NOT accessible out of the box and will never be. We've done our best to follow the best accessibility practices while building this software, but it's your role to adjust it and make it truly accessible inside your project. E.g. all the titles and descriptions given to the icons should be treated as placeholders and changed in implementation depending on an actual role of each icon. In many cases, you may not need them altogether. -
4
iX Icons
Icon web font library for @siemens/ix
Icon web font library for @siemens/ix. Using icons within your project. You need to install and load styling. -
PRTG Catches Network Issues Before They Cause DowntimeReactive troubleshooting usually means hearing about a problem from frustrated users, not your monitoring tool. PRTG sets threshold-based alerts across devices, servers and applications, notifying your team by email, SMS or push the moment a metric crosses a set limit. That means catching a failing disk or overloaded server before it becomes an outage and getting time back from firefighting. Start a free trial and set your first alerts today.
-
5
react-fontawesome
Font Awesome React component
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. With our new Icon Wizard, you can magically add a modifier – like circle-plus, slash, or even poop – to almost any Font Awesome icon. Available now to Font Awesome Pro subscribers. Font Awesome Sharp Solid, the first style in our new Sharp family, is ready to use when you need a special touch of class for your project! Read the announcement and see what's new in the 6.2 release. Font Awesome 6 makes it even easier to use icons where you want to. More plugins and packages to match your stack. Less time wrestling browser rendering. From the beginning, Font Awesome has been free and open source. And since we're creator-owned and operated, we get to make sure Font Awesome Free stays that way. We have more icons, services, and support in Pro. If you want them, you subscribe. No shenanigans. We won't sell your data, because we don't want to live in that world. -
6
CoreUI Icons
Premium designed free icon set with marks in SVG, Webfont and raster
Premium-designed free icon set with marks in SVG, JavaScript, and Webfont formats. CoreUI Icons are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or mobile apps. WOFF, SVG, TFF, and much more to make your development easier. Download our free package or buy pro. You gain SOLID, LINEAR and soon DUO-TONE style sets. Just browse our library to find out more. Multiple icons are grouped in categories like Nature, Transport, Interface, Food, Facilities, and many more, just browse our library to find out more. Not the exact shape? No worries. We have prepared some alternatives and keep on working on new ones. Just browse our library to find out more. -
7
Simple Icons
SVG icons for popular brands
Over 2400 Free SVG icons for popular brands. Icons can be downloaded as SVGs directly from our website - simply click the download button of the icon you want, and the download will start automatically. Icons can be served from a CDN such as JSDelivr or Unpkg. Simply use the simple-icons npm package and specify a version in the URL. All icons are imported from a single file, where [ICON SLUG] is replaced by a capitalized slug. We highly recommend using a bundler that can tree shake such as webpack to remove the unused icon code. The icons are also available through our Packagist package. -
8
drawthe.net
drawthe.net draws network diagrams dynamically from a text file
drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created. Complex network diagrams typically involve specific place of icons, connections and labels using a tool like Visio or OmniGraffle using a mouse and constantly zooming in and out for single-pixel placement. The goal behind drawthe.net, was to be able to describe the digram in a text file and have it rendered in SVG in the browser. I simply wanted to be able to draw network diagrams as fast as it could be done on a dry-erase board without using a mouse. Each icon and icon family may behave differently when the fill and stroke are applied, review the icon cut sheets to see the icons available for each family with the iconFill and iconStroke set. -
9
Warhammer 40K Icon
Warhammer 40000 icons
Free to download Warhammer 40.000 icons as SVG/iconfont. Symbols and names belong to Games Workshop. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
10
vue-fontawesome
Font Awesome Vue component
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. With our new Icon Wizard, you can magically add a modifier – like circle-plus, slash, or even poop – to almost any Font Awesome icon. Available now to Font Awesome Pro subscribers. We know the pain of wrangling icons on the internet. That's why in 2012, we created the first version of our open-source icons and toolkit. And with the help of our subscription plan Font Awesome Pro, we've built a lean icon-obsessed team who keep cranking out more icons, more styles, and more services for everyone. We have more icons, services, and support in Pro. If you want them, you subscribe. No shenanigans. We won't sell your data, because we don't want to live in that world, and we don't want to run that company. From the beginning, Font Awesome has been free and open source. And since we're creator-owned and operated, we get to make sure Font Awesome Free stays that way. -
11
Open Weather Icons
Weather icon font and css themed icons
Weather icon font and CSS themed icons specially created for Open Weather Map API, are ready to be used in any project. Place the contents from the fonts and css folder in your project, assuming that your fonts are located under a ../fonts/ path relative to your CSS directory. The icons are displayed by using the i element and adding the base class owi and the icon class that you want, such as a owi owi-01d the code 01d is the icon code that you get from Open Weather Map. -
12
Bootstrap-Iconpicker
A simple icon picker
A simple iconpicker for Bootstrap 3.x and 4.x. Please note that this project is for Bootstrap 3.x and 4.x, including Glyphicons in Bootstrap 3.x. Other icon fonts that support: Elusive Icons, Font Awesome, Ionicons, Map Icons, Material Design Icons, Octicons, Typicons, Weather Icons, and Flag Icons. The CDN is updated after the release is made public, which means that there is a delay between the publishing of a release and its availability on the CDN. Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. -
13
Bytesize Icons
Tiny style-controlled SVG iconset (101 icons, 12kb)
Each icon is hand-coded along a 32x32 grid, and uses SVG stroke allowing for maximum style flexibility; meaning you can adjust the weight, color, size, and if you want the edges to be round or square. Either drop each icon inline directly in your page as-needed, or loaded them up via external .svg file and the use tag. You can then easily change the weight of the icon by changing stroke-width attribute. You can also change the shape of the line caps and the line joins with stroke-linecap and stroke-linejoin. This will change the style of the icons by making them rounded or squared off. All these stroke properties are also available to use in CSS. Since there is a 2px margin between the paths and viewBox, I recommend not having a stroke-width larger than 4px (or 12.5%). 4px might seems small but it's relative to the 32x32 grid. -
14
Cryptocoins
Vector/webfont icon pack of your favourite cryptocurrencies
Cryptocoins is the most complete free vector icon pack of your favorite cryptocurrencies. Overview of all included coins/icons. Check the HTML if you're not sure how to include the icons to your project. Don't forget that every icon is available as a separate SVG file (in SVG/ folder) as well. Available in Webfont & SVG format for taking advantage of small file sizes and unlimited scalability, Cryptocoins are perfect for usage on the web, right where they belong. Use them all or just the ones you need. There are many ways/formats how to use Cryptocoins. -
15
EMBL-EBI Icon fonts
A collection of functional and scientific icons for EMBL-EBI sites
Reference the fonts.css stylesheet automatically loads a range of icon fonts that you can use. Icons are added automatically through CSS using the :before feature in CSS, so they will appear before whatever piece of text you associate them with. To make this association, you need to include particular class and data-icon attributes in the relevant HTML element. This version brings the most user-facing changes in several years as we've added in far more "common" icons and simplified the font stack. -
16
Evil Icons
Simple and clean SVG icon pack with the code to support Rails, Sprocke
Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp, Grunt and CDN. Free ‘plug and play’ set of SVG icons designed specifically for web projects. Available as a Ruby gem, a Node.js package and /Gulp plugins. Just use icon names with your templates and styles — and all the rest will be done automagically. Every icon has the .icon class and its modifier including the icon name. For example, the Facebook icon has the .icon--ei-sc-facebook modifier. In order to use the stylesheets, you have to add Sprockets to your application. We support IE 9+, Firefox, Chrome, Safari (desktop and mobile), Opera, Android 4+. -
17
Feather
Simply beautiful open source icons
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility. At its core, Feather is a collection of SVG files. This means that you can use Feather icons in all the same ways you can use SVGs (e.g. img, background-image, inline, object, embed, iframe). Here's a helpful article detailing the many ways SVGs can be used on the web: SVG on the Web – Implementation Options. All elements that have a data-feather attribute will be replaced with SVG markup corresponding to their data-feather attribute value. See the API Reference for more information about feather.replace(). -
18
Maki
A POI Icon Set
Maki is an icon set made for map designers. Maki includes icons for common points of interest like parks, museums, and places of worship. Each icon is available as a 15px by 15px SVG file. Maki is open-source and CC0 licensed. It's easy to use Maki with Mapbox Studio. Download the icons, then drag the SVGs into the Mapbox Studio style editor. Use the Icon Editor to customize the styling of your icon set by adding or removing icons, styling by groups, and more. Maki welcomes icon requests from people in need of point-of-interest icons. Open an issue to make a request, and make sure to provide the required information outlined in the issue template. Maki can't include an icon for everything, so we prioritize only the most common point of interest icons used in mapmaking. Every icon in Maki must pass the automated tests in tests/maki.test.js.