Skip to content
shadcn.io

Ux design icons for React.

83 free ux design icons from 15 libraries, Simple Icons, Huge Icons and Emoji One (Colored) among them. Open one to copy it as SVG or React, or install it with the shadcn CLI.

Get ProAll tags

Add shadcn.io to your AI agent. · Pro It finds and installs the ux design icon you describe, from any library, with Pro.

Set up MCP

58 icons · every library

  • Designernews icon from Simple Icons
  • Moqups icon from Simple Icons
  • Sketch icon from Simple Icons
  • Spectrum icon from Simple Icons
  • Uno icon from Simple Icons
  • Text Wrap 20 Filled icon from Fluent UI System Icons
  • Text Wrap Off 16 Filled icon from Fluent UI System Icons
  • Text Align Center Bold icon from Phosphor
  • Text Align Justify icon from Phosphor
  • Adobe Xd icon from Huge Icons
  • Text Centerline Right icon from Huge Icons
  • Text Check icon from Huge Icons
  • Text Circle icon from Huge Icons
  • Text Clear icon from Huge Icons
  • Text Color icon from Huge Icons
  • Text Creation icon from Huge Icons
  • Text Firstline Left icon from Huge Icons
  • Text Firstline Right icon from Huge Icons
  • Text Font icon from Huge Icons
  • Text Footnote icon from Huge Icons
  • Layout Window 1 icon from Streamline
  • Drop Shadow Down icon from IconPark TwoTone
  • Drop Shadow Left icon from IconPark TwoTone
  • Drop Shadow Right icon from IconPark TwoTone
  • Drop Shadow Up icon from IconPark TwoTone
  • Easy icon from IconPark TwoTone
  • O Button icon from Emoji One (Colored)
  • Ok Button icon from Emoji One (Colored)
  • Ok Hand icon from Emoji One (Colored)
  • Ok Hand Dark Skin Tone icon from Emoji One (Colored)
  • Ok Hand Light Skin Tone icon from Emoji One (Colored)
  • Ok Hand Medium Dark Skin Tone icon from Emoji One (Colored)
  • Ok Hand Medium Light Skin Tone icon from Emoji One (Colored)
  • Ok Hand Medium Skin Tone icon from Emoji One (Colored)
  • Transition Down icon from Iconoir
  • Transition Left icon from Iconoir
  • Adobe Xd Logo icon from Logos free icons
  • Adobe Xd Logo Block icon from Logos free icons
  • Link Symbol icon from Dinkie Icons
  • Link Symbol Small icon from Dinkie Icons
  • Carbon icon from Devicon
  • New Window Page Light icon from Stash Icons
  • Notebook icon from Stash Icons
  • Outbox icon from Stash Icons
  • Pack icon from Stash Icons
  • Adobe Xd icon from File Icons
  • Click icon from File Icons
  • Reach icon from Devicon Plain
  • Rect icon from Devicon Plain
  • Xd icon from Devicon Plain
  • Account icon from Cyber free icons
  • Account Group 1 icon from Cyber free icons
  • Account Hexagon icon from Cyber free icons
  • Account Lock icon from Cyber free icons
  • Account Target icon from Cyber free icons
  • Add Double icon from Cyber free icons
  • Add Hexagon 1 icon from Cyber free icons
  • Add Hexagon 2 icon from Cyber free icons
All 58 shown
  • 58 designs, one style each
  • From 15 libraries
  • 67% under permissive licenses
  • 83 icons in every style

Libraries

Ux design icons in each library

How each set draws ux design. Open one to see only its icons.

7 more libraries

Skip the browsing. With Pro, your AI agent finds the ux design icon you describe in any library and installs it.

Get Pro

Tags

Related tags

Tags the same icons carry, closest to ux design first.

All tags

Pricing

Ux design icons MCP, with Pro

Your agent finds the ux design icon you describe in any of 15 libraries and installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

About ux design icons: how many there are, which libraries draw them, and how to use and license them.

Install any ux design icon from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro