Icons for everything you imagine.
Original SVG icons for every interface. Free to use in any project.
- home icon
- search icon
- bell icon
- mail icon
- chat icon
- user icon
- settings icon
- heart icon
- camera icon
- image icon
- music icon
- play icon
- calendar icon
- clock icon
- map-pin icon
- compass icon
- cart icon
- bag icon
- wallet icon
- credit-card icon
- file icon
- folder icon
- cloud icon
- sun icon
- moon icon
- umbrella icon
- lock icon
- shield-check icon
- key icon
- code icon
- terminal icon
- git-branch icon
- plane icon
- car icon
- coffee icon
- pizza icon
- book-open icon
- lightbulb icon
- trophy icon
- sparkles icon
- Published icons
- 1,911
- SVG files
- 3,822
- Categories
- 30
- Works with
- ReactVueSvelteSVG
Consistent by design.
Every icon shares one grid, one stroke and the same soft corners, so they sit well together. Try it:
CameraIcon · 32px · stroke 1.75
Example.tsx
import { CameraIcon } from "@ikions/react";
export function Example() {
return (
<CameraIcon
size={32}
variant="outline"
color="#5555E8"
/>
);
}Find icons by what you are building
All 30 categories →Interface Essentials
Core actions and controls every product interface needs: navigation, editing, layout and system actions.
163 icons
Communication
147 icons
Files & Documents
108 icons
Media & Entertainment
111 icons
Shopping & E-commerce
111 icons
Maps & Navigation
88 icons
Weather & Nature
94 icons
Development & Programming
110 icons
Editing & Creativity
104 icons
Install once. Import only what you use.
Each icon is its own module, so only what you import ends up in your bundle.
$ npm install @ikions/reactNavigation.tsx
import { SearchIcon, HomeIcon } from "@ikions/react";
export function Navigation() {
return (
<nav>
<HomeIcon size={24} variant="outline" />
<SearchIcon size={24} variant="filled" />
</nav>
);
}Behind theIkions

Mike Fernandez
Designer & developer of Ikions
Every interface deserves a better icon.
Find an icon, adjust it and copy it into your project.