ionicons
Premium hand-crafted icons built by Ionic, for Ionic apps and web apps everywhere 🌎
Ionicons is a free set of over 1,300 SVG icons delivered as a web component, drop in a script tag, use an HTML tag with the icon name, and icons load on demand with no bundler required.
Ionicons is a free, open-source set of over 1,300 icons designed for use in web pages and apps. Each icon comes in three visual variants — filled (solid), outline (just the border), and sharp (with squared edges) — so you can match the visual style of your interface. Most icons also have separate versions designed to look appropriate on iOS and on Android, following each platform's visual conventions.
The icons are delivered as a web component, which is a reusable piece of code you embed in a page with a script tag. Once loaded, you place icons using a simple HTML tag like ion-icon and specify which icon you want by name. The component only loads the SVG image files for icons that are actually visible on screen, keeping page load small. You can control size with the font-size CSS property and color with the color CSS property. Custom SVG files can also be loaded by pointing to a URL.
Ionicons was built for Ionic Framework, a toolkit for building mobile-style web applications, and is packaged with it automatically. However it is freely usable in any web project under the MIT license.
Where it fits
- Add professional icons to any webpage by dropping in a script tag and using the icon name in an HTML attribute
- Build a mobile-style web app where icons automatically adopt iOS or Android visual conventions
- Pick from filled, outline, or sharp icon variants to match your interface's visual style
- Keep page load small by lazily loading only the icon SVGs that are actually visible on screen