microcharts
Word-sized charts for React.
WebsiteWorkflowsWebFree
4.5Visit
Website
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is Keyline Icons?
Keyline Icons is a free set of 1,114 icons drawn on one 24×24 grid in stroke, two-tone, duotone and fill, with rounded or sharp corners. Search the set, copy any icon as SVG or JSX, or import the React components — all MIT-licensed.
Pros
- 1,114 consistent icons on a single grid
- Four styles and two corner options per icon
- Copy as SVG or JSX, MIT license
Cons
- One icon family — a single visual voice
- No custom icon requests built in
Who should use Keyline Icons
Designers and developers building interfaces with shadcn/ui or React who want a coherent icon set.
Who may not need it
Teams already committed to another icon system.
Keyline Icons alternatives
Similar resources to Keyline Icons, picked from the directory.
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
ForgeUI
Animated React and Tailwind components, blocks and templates.
WebsiteWorkflowsWebFreemium
4.4Visit
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
FrameworkWorkflowsWebFree
4.6Visit
Transitions.dev
Essential UI transitions for web apps, built to use with AI coding agents.
FrameworkWorkflowsWebFree
4.5Visit
Anicon
Over 500 animated SVG icons for React, installed one command at a time.
TemplateWorkflowsWebFree
4.4Visit
Free alternatives to Keyline Icons
Free resources that cover similar ground.
pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.4Visit
React Bits
Animated UI components for React.
FrameworkWorkflowsWebFree
4.7Visit
Astryx Design System
An open-source design system that is fully customizable and agent ready.
FrameworkWorkflowsWebFree
4.6Visit
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkWorkflowsWebFree
4.6Visit
Compositor
A free, open source Photoshop alternative for Mac, built for compositing.
Mac AppPersonal ProductivitymacOSFree
4.6Visit
Kokonut UI
100+ free, open-source UI components for React and Tailwind CSS.
FrameworkWorkflowsWebFree
4.6Visit
Featured on Best Productivity Resources
Made Keyline Icons? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/keyline-icons" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>