Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Website

Keyline Icons

1,114 free MIT-licensed icons for shadcn/ui, in four styles.

Visit Keyline Icons4.6

  • Rating

    4.6 / 5

  • Pricing

    Free

  • Difficulty

    Beginner

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

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: what Keyline Icons does well

  • 1,114 consistent icons on a single grid
  • Four styles and two corner options per icon
  • Copy as SVG or JSX, MIT license

Cons: where it falls short

  • One icon family — a single visual voice
  • No custom icon requests built in

Who Keyline Icons is for

Designers and developers building interfaces with shadcn/ui or React who want a coherent icon set.

Who can skip it

Teams already committed to another icon system.

Keyline Icons alternatives

Not sold on Keyline Icons? These do a similar job, and each card says what it has in common.

All Workflows resources

microcharts

Focus: charts, sparklines and data visualization. Shares react and svg with Keyline Icons. Rated 4.5 (Keyline Icons: 4.6).

WebsiteFreeWeb
4.5Visit

shadercn

Focus: shaders, webgpu and wgsl. Shares react and shadcn with Keyline Icons. Rated 4.5 (Keyline Icons: 4.6).

WebsiteFreeWeb
4.5Visit

ForgeUI

Focus: tailwind, ui components and templates. Shares react and shadcn with Keyline Icons. Freemium (Keyline Icons: Free). Rated 4.4 (Keyline Icons: 4.6).

WebsiteFree planWeb
4.4Visit

Toggles.dev

Focus: theme toggle, dark mode and svelte. Shares react and shadcn with Keyline Icons. A framework, not a website. Same 4.6 rating.

FrameworkFreeWeb
4.6Visit

Transitions.dev

Focus: ui, transitions and animation. Shares react and design with Keyline Icons. A framework, not a website. Rated 4.5 (Keyline Icons: 4.6).

FrameworkFreeWeb
4.5Visit

Free alternatives to Keyline Icons

Want to spend nothing? These free picks cover similar ground.

Anicon

Focus: animated icons. Shares react and shadcn with Keyline Icons. A template, not a website. Rated 4.4 (Keyline Icons: 4.6).

TemplateFreeWeb
4.4Visit

pdfcn

Focus: pdf, components and documents. Shares react and shadcn with Keyline Icons. A framework, not a website. Rated 4.4 (Keyline Icons: 4.6).

FrameworkFreeWeb, Cross-Platform
4.4Visit

Iconify

Focus: design resources. Shares icons and svg with Keyline Icons. Rated 4.7 (Keyline Icons: 4.6).

WebsiteFreeWeb
4.7Visit

React Bits

Focus: ui components, animations and effects. Shares react and open source with Keyline Icons. A framework, not a website. Rated 4.7 (Keyline Icons: 4.6).

FrameworkFreeWeb
4.7Visit
Are you the maker of Keyline Icons?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.