Small tools. Better flow.

Icon library

Compare two styles and copy or download SVG icons.

Usage guide

Your input stays in this browser.

Search & SVG settings

Full Lucide and Tabler catalogs; up to 120 visible results at once

View code examples ↓

Icon previews

Your result will appear here.

Code examples

Starting points for your own code. Run them in the environment shown below.

Node.js 22+ · ES module (.mjs)

Current inputs apply only to fields used by the example. Selected files are not embedded.

Install dependencies

npm install @iconify-json/lucide @iconify/utils
import { icons } from "@iconify-json/lucide";
import { getIconData, iconToSVG, iconToHTML } from "@iconify/utils";
const icon = getIconData(icons, "search");
if (!icon) throw new Error("Icon not found");
const result = iconToSVG(icon, { height: 24 });
console.log(iconToHTML(result.body, result.attributes));
console.log(icons.license); // Preserve the icon collection's license on distribution.

Put it to work

Search for search or 검색, then compare Lucide and Tabler line styles.

Details that matter

Format and meaning

Lucide uses ISC and Tabler uses MIT. Include the relevant license notices when using, modifying, or redistributing.

Using it correctly

Search by icon name or Korean keywords. The catalog loads from local static files.

Supported scope and limits

Full Lucide and Tabler catalogs; up to 120 visible results at once

Split inputs that exceed the limit. If a format or algorithm is unsupported, choose a tool that matches your requirements instead of silently changing the format.