Icons
2,607Icons
MITLicense
Outline,Style
24×24Grid

Ionicons

2,607 MIT-licensed outline, filled & sharp icons on a 24×24 grid. The Sharp variant is what distinguishes it: squarer terminals and tighter corners than the rounded default, which gives interfaces a crisper, more technical character.

Browse Ionicons icons by category Compare libraries

About Ionicons

What Ionicons is

Ionicons was built for the Ionic Framework and has been refined since 2013, which makes it one of the longest-maintained icon sets here. The 2,607 icons ship in three variants — Outline, Filled, and Sharp — each drawn on a 24×24 grid.

The Sharp variant is what distinguishes it: squarer terminals and tighter corners than the rounded default, which gives interfaces a crisper, more technical character. Having three variants of each icon means you can express hierarchy and state without mixing libraries.

IconStash indexes the complete Ionicons collection. You can search it alongside 27 other libraries, preview any icon at any size and colour, and export SVG, PNG, React JSX, Vue, CSS, or an SVG sprite without installing a package or creating an account.

Install and use Ionicons

React

npm install ionicons

The official package ships each icon as a tree-shakeable component, so bundlers only include the icons you actually import. Open any Ionicons icon on IconStash and the Code tab shows that icon's exact import statement and JSX.

Plain SVG and other frameworks

You do not have to install anything. Every Ionicons page lets you copy the raw SVG markup and paste it inline, which avoids a dependency entirely and gives you full control over colour, size, and stroke width.

IconStash also exports PNG at six sizes, Vue and CSS snippets, and SVG sprites — all generated in the browser from the original vector.

When to choose Ionicons

Good fit

Mobile and hybrid apps, cross-platform products, and interfaces that want three clear icon variants from one consistent source.

Licensing

MIT. All three variants are free for commercial use without attribution.

Ionicons compared to other libraries

Popular Ionicons icons

Browse Ionicons by category

Frequently asked questions

What is Ionicons?

Ionicons was built for the Ionic Framework and has been refined since 2013, which makes it one of the longest-maintained icon sets here. The 2,607 icons ship in three variants — Outline, Filled, and Sharp — each drawn on a 24×24 grid.

Is Ionicons free for commercial use?

Yes. Ionicons is released under the MIT license, which permits unrestricted commercial use, modification, and distribution. No attribution is required, though it is appreciated. This makes Ionicons one of the safest icon libraries to use in commercial SaaS products, client work, and proprietary applications.

How do I use Ionicons icons in React?

Install the package with npm install ionicons, then import icons as components. Every Ionicons page on IconStash shows the exact import statement and usage snippet for that specific icon in the Code tab, so you can copy working code without checking the docs. Tree-shakeable packages mean your bundler only includes the icons you actually import.

Can I download Ionicons icons as PNG?

Yes. Open any Ionicons icon on IconStash and use the Download PNG button to export at 16, 32, 64, 128, 256, or 512 pixels. The PNG is generated client-side from the original vector, so it stays crisp at every size. You can also copy the raw SVG markup, export a React component, or build an SVG sprite without installing anything.

What is the Sharp variant in Ionicons?

Sharp uses squared terminals and tighter corner radii instead of the rounded ends used by the Outline and Filled variants. The result reads as crisper and more technical, and it holds up well at small sizes where rounded terminals can look soft. All three variants share the same 24×24 grid and optical weight.

Do Ionicons require the Ionic Framework?

No. Ionicons ships as a web component, as plain SVG, and as React and Vue packages, and it works in any framework. The Ionic integration is convenient but optional — the icons are standard SVG assets underneath.

Explore other icon libraries