Akar Icons 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} />;
}

Akar Icons version history

Akar Icons has not published a new npm release in over a year. The latest version, v1.9.31, was released on Mar 21, 2024.

Source: npm registry data for akar-icons, refreshed weekly.

Compare Akar Icons with similar icon packs