andrsrxn/iconsIcons

About andrsrxn/icons

andrsrxn/icons is a free MIT-licensed duotone icon library by Andrés Raxón, drawn from scratch in Figma on a 24px grid. Duotone is applied with intent: icons with a real shape and fill split get a soft second tone, simple marks like plus or close stay clean outline, and filled variants exist only for icons with an active state such as like, bookmark or star. The 2,380 icons here cover 41 groups, from accessibility, AI and charts to finance, medical, weather and typography, with cursor, document, editor and layout glyphs for product UI. The React package is tree-shakable and RTL-aware: directional icons flip under dir="rtl", and a few get dedicated RTL drawings. Search every andrsrxn icon here, copy SVG, export JSX or download PNG. Compared with Phosphor duotone, which adds a second layer to every icon, andrsrxn keeps simple glyphs plain. Ideal for SaaS dashboards, admin panels and apps that want a calm two-tone look.

How to use andrsrxn/icons icons

npm install @andrsrxn/icons

import { IconRocket } from '@andrsrxn/icons/rocket';

export default function App() {
  return <IconRocket />;
}

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

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

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

Compare andrsrxn/icons with similar icon packs