What it does
Keyline Icons supplies SVG and React icons with stroke, two-tone, duotone and filled treatments, plus rounded and sharp geometry.
Keyline lets you compare Stroke, Two-tone, Duotone and Filled drawings with rounded or sharp geometry. Two-tone preserves an outline over a lighter plate; Duotone removes the outline and emphasizes selected interior detail. The browser retains recently opened candidates and copies SVG, JSX or integration code.
Install a React package for reusable imports, use React Native components with react-native-svg, or add self-contained files through the shadcn registry. A command-line tool can also search and write individual SVGs. Native components take an explicit color prop because they cannot inherit CSS currentColor.
The public set is free under MIT and has no paid tier. Custom client collections are a separate service. Package and file workflows need no Keyline account. Preserve the licence notice, and check the exact component entry point when selecting a style because the documented coverage differs between generated SVGs and package exports.
Strengths
- The styles distinguish an outlined tint from a fill-only duotone treatment.
- React, React Native and source-file registry routes are documented.
Watch out for
- Native components require an explicit color rather than CSS color inheritance.
Best for
- Teams comparing related icon treatments
- Interfaces using shadcn components
Sources
- Keyline Icons README (Oct 27, 2026)
- Keyline Icons MIT License (Oct 27, 2026)