Akar Icons

About Akar Icons

Akar Icons is a carefully curated set of 390+ minimal outline SVG icons designed by Arturo Wibawa, each drawn on a precise 24px grid with a consistent 1.5px stroke. The library intentionally maintains a small, high-quality vocabulary — covering essential UI actions without the icon bloat of larger libraries. MIT licensed and free for personal and commercial use. An official React package (@akar-icons/react) is available alongside Iconify integration for framework-agnostic use. Search Akar Icons, copy SVG to clipboard, export as React JSX, and download as PNG here. Akar's hand-crafted aesthetic gives each icon a slightly more distinct personality than the rigid pixel-grid output of larger automated sets — visible in rounded corners, optically-balanced proportions, and deliberate negative space. Compared with Lucide, Akar offers fewer icons but arguably higher craftsmanship per icon. Ideal for minimal design systems, SaaS products with a human brand voice, creative portfolios, and interfaces where every icon in the set is intentionally chosen.

How to use Akar Icons icons

npm install akar-icons

import { Search, Home, Gear } from 'akar-icons';

export default function App() {
  return <Search size={24} strokeWidth={1.5} />;
}

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="akar-icons:icon-name" width="24"></iconify-icon>

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="akar-icons:icon-name" width={24} />;
}

Compare Akar Icons with similar icon packs