Early access

Nodo Icons documentation

Nodo Icons is an icon set of 5,000 UI icons drawn on a 24×24 grid, in 10 styles. The Linear style is free under the MIT license; the other nine styles are Nodo Icons Pro, sold once with free updates forever.

Install

PackageWhatLicense
@nodo-icons/react5,000 Linear icons as React componentsMIT
@nodo-icons/vue5,000 Linear icons as Vue 3 componentsMIT
@nodo-icons/staticLinear SVG, outlined SVG, SVG sprite, icon font, icons.jsonMIT
@nodo-icons/mcpMCP server and CLI for AI agentsMIT
@nodo-icons/react-pro, @nodo-icons/vue-proAll 10 styles (Pro license)Pro
npm install @nodo-icons/react

React

import { HomeIcon, CreditCardIcon } from '@nodo-icons/react';

<HomeIcon size={24} />
<CreditCardIcon size={20} color="#0a84ff" strokeWidth={1.5} title="Card" />

Component names are the icon name in PascalCase plus Icon (credit-card → CreditCardIcon); names starting with a digit get an Icon prefix (3d-glasses → Icon3dGlasses). Props: size (default 24), color (default currentColor), strokeWidth (default 1.5), title (adds role="img"; without it the icon is aria-hidden). Other props go to the <svg>, so className="size-4" works.

Vue

<script setup>
import { HomeIcon } from '@nodo-icons/vue';
</script>

<template><HomeIcon :size="20" color="#0a84ff" /></template>

SVG, sprite and font

<img src="https://nodoicons.com/svg/linear/home.svg" width="24" height="24" alt="" />
<svg width="24" height="24"><use href="sprite/linear.svg#nd-home"/></svg>

Use with shadcn/ui

shadcn/ui projects use lucide-react. Switch the imports to Nodo; JSX stays the same:

npx @nodo-icons/mcp migrate-lucide ./src --dry
npx @nodo-icons/mcp migrate-lucide ./src
npm install @nodo-icons/react

All 166 icons used by shadcn/ui components have a Nodo equivalent.

Use with AI agents (MCP)

claude mcp add nodo-icons -- npx -y @nodo-icons/mcp

Other MCP clients: { "mcpServers": { "nodo-icons": { "command": "npx", "args": ["-y", "@nodo-icons/mcp"] } } }. Tools: search_icons, get_icon (SVG, React, Vue, sprite), list_styles, list_categories. With Pro, set NODO_PRO_DIR to the unzipped Pro download to get every style.

Styles

StyleLookTier
Linear1.5px outline, round capsFree
Light1px outlinePro
Bold2px outlinePro
SharpSquare corners, flat capsPro
TwotoneOutline, secondary details at 40%Pro
DuotoneOutline plus 30% tonal fillPro
Bulk40% silhouette, crisp detailsPro
SolidFilled, negative-space detailsPro
ContainedGlyph cut out of a rounded squarePro
SoftGlyph on a 12% tinted tilePro

Pricing and license

Machine-readable resources

Contact