Keyline

Overview

Keyline Icons is a free, MIT-licensed icon set for shadcn/ui. The site lists 1,568 icons, all drawn on the same 24×24 grid with 2px keylines, so icons added months apart still match.

Each drawing comes in four weights (stroke, two-tone, duotone and fill), and every weight is cut with both rounded and sharp corners, for 12,544 files in total. Icons can be searched on the site, copied as SVG or JSX, imported as React components from npm, or installed one at a time through the shadcn registry, which exposes every style and corner variant as its own item.

Features

• 1,568 icons: One consistent set on a shared 24×24 grid.
• Four weights: Stroke is the base drawing; two-tone adds a reduced-opacity plate, duotone uses a grey body with black detail, and fill knocks detail out of a solid shape.
• Rounded or sharp: Every drawing in every weight is available with both corner styles.
• Containers: 139 icons also come in square and circle container forms, such as square-check and circle-check.
• Copy or import: Copy any icon as SVG or JSX from the site, or use the React components.
• Per-icon registry items: Paths such as sharp/duotone/<name> install a single variant with the shadcn CLI.
• MIT licensed: Free for commercial and personal work.

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @keyline/component-name