Search Results for "svg icons"
Sort By:
Showing 89 open source projects for "svg icons"
View related business solutions-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
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. ... -
2
tabler icons
1950 free MIT-licensed high-quality SVG icons
A set of over 1950 free MIT-licensed high-quality SVG icons for you to use in your web projects. Over 1950 pixel-perfect icons for web design. Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. -
3
Blade Icons
A package to easily make use of SVG icons in your Laravel Blade views
A package to easily make use of SVG icons in your Laravel Blade views. Choose from a wide selection of icon sets. Like the Heroicons on the right. With 66 different icon sets, we probably can find the right one for you. Blade Icons is a base package to make it easy for you to use SVG icons in your app. In addition, there's also quite some third party icon set packages. -
4
SVG To Font
Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font
Read a set of SVG icons and output a TTF/EOT/WOFF/WOFF2/SVG font, a generator of fonts from SVG icons. -
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
5
React Icons
svg react icons of popular icon packs
Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package. Suitable for MeteorJS, Gatsbyjs etc. SVG is supported by all major browsers. -
6
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. -
7
flag-icons
A curated collection of all country flags in SVG
...This means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class. To have only specific countries in the css file, remove the ones that you don't need from the flag-icons-list.less file and build it again. -
8
Lobe Icons
Brings AI/LLM brand logos to your React & React Native apps
...The library includes icons for a wide range of AI providers and models, allowing developers to visually represent integrations with tools such as large language models, AI APIs, and machine learning platforms. These icons are distributed in multiple formats including SVG, PNG, and WebP so they can be used in both web and mobile applications. -
9
Phosphor Icons
The homepage of Phosphor Icons, a flexible icon family for everyone
...But you don't need to know that. Phosphor's intuitive but powerful API can style the color, size, and weight of an icon with a few keystrokes, provide default styles to all icons via the Context API, or directly manipulate the SVG at runtime through render props to do some amazing things! Supports tree-shaking, so your bundle only includes code for the icons you use. -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
10
Jenga Icons
Collection of adaptable icons designed for use in interfaces
Jenga Icons is a collection of adaptable icons designed for use in interfaces, diagrams, and other applications. The icon components can receive all the props that a standard SVG element can, which includes inline style objects, onClick handlers, and other properties. The Jenga icon family is easy to customize and truly conistent in scale and style. -
11
Pixel Icons
Pixel-art icons in 9x9 grid
Pixel Icons is a collection of over 150 pixel-art icons designed on a 9x9 grid. Created for fun and freely available for use, these icons cover various themes and are optimized using a custom Python script to ensure clarity and consistency. They are ideal for use in games, applications, or any project requiring minimalist pixel-art graphics. -
12
unplugin-icons
Access thousands of icons as components on-demand universally
...SSR / SSG friendly - Ship the icons with your page, no more FOUC. Stylable - Change size, color, or even add animations as you would with styles and classes. Load your custom icons to get universal integrations at ease. Use icons as components directly in your template. TypeScript support. From v0.13.2 you can also use raw compiler to access the svg icon and use it on your html templates, just add raw to the icon query param. -
13
Blade Heroicons
A package to easily make use of Heroicons in your Laravel Blade views
A package to easily make use of Heroicons in your Laravel Blade views. For a full list of available icons see the SVG directory or preview them at heroicons.com. Heroicons are originally developed by Steve Schoger and Adam Wathan. -
14
Super Tiny Icons
Super Tiny Icons are miniscule SVG versions of your favourite website
SuperTinyIcons is a collection of brand and service logos distilled into extremely small, hand-tuned SVGs, often targeting sub-kilobyte file sizes. Each icon is crafted to preserve recognizable shapes with the fewest possible paths and nodes, trading photorealism for clarity at common UI sizes. The project emphasizes performance: tiny inline SVGs reduce network transfer, speed up rendering, and scale crisply on high-DPI displays. Designers and developers can embed the icons directly, recolor... -
15
Ionicons
Hand-crafted icons built by Ionic for web apps
...The Ionicons Web Component is an easy and performant way to use Ionicons in your app. The component will dynamically load an SVG for each icon, so your app is only requesting the icons that you need. Also note that only visible icons are loaded, and icons which are "below the fold" and hidden from the user's view do not make fetch requests for the svg resource. If you're using Ionic Framework, Ionicons is packaged by default, so no installation is necessary. -
16
Devicon
Set of icons representing programming languages, design & development
Devicon is a set of icons representing programming languages, designing, and development tools. You can use it as a font or directly copy/paste the SVG code into your project. Devicon aims to gather all logos representing development languages and tools. Each icon comes in several versions: font/SVG, original/plain/line, colored/not colored, wordmark/no wordmark. -
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. ... -
18
Vue Phosphor icons
A flexible icon family for Vue
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. Check out our playground in StackBlitz and start experimenting! Although we strongly advise against installing your icons globally. Phosphor takes advantage of Vue's provide/inject options to make applying a default style to all icons simple. Create a provided object or function at the root of the app (or anywhere above the icons in the tree) that returns a configuration object with props to be... -
19
webfonts-loader
Make an icon font from SVGs
A Webpack loader that generates fonts from your SVG icons and allows you to use your icons in your HTML. webfonts-loader uses the webfonts-generator plugin to create fonts in any format. It also generates CSS files so that you can use your icons directly in your HTML, using CSS classes. -
20
phosphor-react
A flexible icon family for React
...Easy to pick up and plug in. Truly consistent in style and scale. Flexible to multiple sizes and weights. Reserved enough to be multi-purpose, but a little quirky, too. Simply import the icons you need, and add them anywhere in your render method. Phosphor supports tree-shaking, so your bundle only includes code for the icons you use. Icon components accept all props that you can pass to a normal SVG element, including inline style objects, onClick handlers, and more. Phosphor takes advantage of React Context to make applying a default style to all icons simple. ... -
21
Lucide
Beautiful & consistent icon toolkit made by the community
Community-run fork of Feather Icons, open for anyone to contribute icons. It began after growing disaffection with the Feather Icons project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted. -
22
Svelte Heros v2
You can select outline and solid icons using the variation props
Hero Icons v2 uses Heroicon v2 to create Svelte SVG icons. You can select outline and solid icons using the variation props. Svlete-Heros support major CSS framework. You can add additional CSS using the class props. -
23
Unicons
1000+ Pixel-perfect vector icons and Iconfont for your next project
1000+ Pixel-perfect vector icons and Iconfont for your next project. These icons are designed by IconScout. It's easy to use Unicons on your website by just inserting the following CSS. You can also download this repo and use the CSS from the CSS folder. If you're a designer then it's always great to have SVG files. You can download SVGs from Official Unicons Website or download Icondrop to access these icons right into Sketch, Adobe Xd, Adobe Illustrator, and many more. ... -
24
WireUI
TallStack UI components
...Starting a new project with Livewire can be time-consuming when you have to create all the components from scratch. Wire UI helps to skip this step and get you straight to the development phase. A set of 450+ free MIT-licensed high-quality SVG icons for you to use in your web projects. Available as basic SVG icons. Reusable blade components to increase usability in your project. Beautiful notifications, icons, and form components to improve your code. A simple documentation with real-life examples and details of usage. Code example and UI example. The simple and complete API creates many notifications for all use cases, alerts a completed action or asks if are sure to confirm the action. -
25
RemixIcon
Open source neutral style icon system
Remix Icon is a set of open-source neutral-style system symbols for designers and developers. Unlike a patchwork icon library, 2400+ icons are all elaborately crafted so that they are born with the gene of readability, consistency and perfect pixels. Each icon was designed in "Outlined" and "Filled" styles based on a 24x24 grid. Of course, all the icons are free for both personal and commercial use. Open-source neutral-style system symbols are elaborately crafted for designers and...
