
Keyline Icons
585 icons on one 24 grid, built for shadcn/ui
About Keyline Icons
Keyline Icons offers a comprehensive collection of 585 meticulously designed SVG icons, all organized on a single 24x24 grid. Built specifically for consistency and quality, each icon adheres to a unified standard with 2px keylines, uniform corner radii, and consistent spacing, ensuring seamless integration into any design system. The icons are available in stroke, duotone, and fill styles, derived from a shared source to guarantee visual harmony across weights. This approach simplifies the process of selecting and customizing icons, whether through direct copy, npm installation, CLI addition, or dropping directly into Figma via the plugin. With an open-source MIT license and no attribution required, Keyline Icons is ideal for developers and designers seeking a reliable, scalable icon library that maintains high standards of consistency and visual coherence.
Screenshots





Pros
- ✓Highly consistent design standards across all icons
- ✓Versatile formats including stroke, duotone, and fill
- ✓Easy integration via npm, CLI, or Figma plugin
- ✓Open source with permissive MIT license, no attribution needed
- ✓Large collection of 585 icons covering various use cases
Cons
- ✗Limited to icons built for shadcn/ui, potentially less flexible for other frameworks
- ✗No free or paid tier details provided, pricing not verified
- ✗No user ratings or reviews available yet
Use Cases
Pricing
Pricing not verified
Quick Info
Topics
Makers
Zafar Ismatullaev
Alternatives
Similar Tools in AI Image & Design
Embed Badge
Add this badge to your website to show that Keyline Icons is featured on Visalytica.
<a href="https://www.visalytica.com/tool/keyline-icons" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#7c3aed;color:#fff;border-radius:8px;font-family:-apple-system,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s" onmouseover="this.style.background='#6d28d9'" onmouseout="this.style.background='#7c3aed'"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20V10"/><path d="M18 20V4"/><path d="M6 20v-4"/></svg>Featured on Visalytica</a>