Skip to content
shadcn.io

Component 1

The component 1 icon represents a reusable UI component, symbolizing modular design.

Add shadcn.io to your AI agent. · Pro It installs Component 1, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Component 1 icon from Radix Icons
Get Pro

342 in Radix IconsMIT license (opens in a new tab)Free to copy and download

Code

Component 1 in your framework

In any framework. Customize it above, and the code follows.

export const Component1Icon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 15 15" {...props}>
    <path fill="currentColor" d="M7.224 8.607a.5.5 0 0 1 .629.065l2.476 2.474a.5.5 0 0 1 0 .707L7.853 14.33a.5.5 0 0 1-.707 0L4.67 11.853l-.064-.078a.5.5 0 0 1 .064-.629l2.475-2.474zM5.732 11.5l1.767 1.767L9.267 11.5L7.499 9.732zM3.224 4.607a.5.5 0 0 1 .629.065l2.476 2.474a.5.5 0 0 1 0 .707L3.853 10.33a.5.5 0 0 1-.707 0L.67 7.853l-.064-.077a.5.5 0 0 1 .064-.63l2.475-2.474zm8 0a.5.5 0 0 1 .629.065l2.476 2.474a.5.5 0 0 1 0 .707l-2.476 2.476a.5.5 0 0 1-.707 0L8.67 7.853l-.064-.078a.5.5 0 0 1 .064-.629l2.475-2.474zM1.732 7.5l1.767 1.768L5.267 7.5L3.499 5.732zm8 0l1.767 1.767L13.267 7.5l-1.768-1.768zM7.224.607a.5.5 0 0 1 .629.065l2.476 2.474a.5.5 0 0 1 0 .707L7.853 6.33a.5.5 0 0 1-.707 0L4.67 3.853l-.064-.078a.5.5 0 0 1 .064-.629L7.146.672zM5.732 3.5l1.767 1.767L9.267 3.5L7.499 1.732z"/>
  </svg>
);

Radix Icons

More like it

Icons that share its tags, in the same style.

All 342 icons
  • Code icon from Radix Icons
  • Commit icon from Radix Icons
  • Component 2 icon from Radix Icons
  • Codesandbox Logo icon from Radix Icons
  • Symbol icon from Radix Icons
  • Accessibility icon from Radix Icons
  • Align Baseline icon from Radix Icons
  • Align Bottom icon from Radix Icons
  • Align Center icon from Radix Icons
  • Align Center Horizontally icon from Radix Icons
  • Align Center Vertically icon from Radix Icons
  • Align End icon from Radix Icons
  • Align Horizontal Centers icon from Radix Icons
  • Align Left icon from Radix Icons
  • Card Stack icon from Radix Icons
  • Component Instance icon from Radix Icons
  • Component None icon from Radix Icons
  • Component Placeholder icon from Radix Icons
  • Container icon from Radix Icons
  • Copy icon from Radix Icons
  • Panel Bottom Minimized icon from Radix Icons
  • Panel Left icon from Radix Icons
  • Panel Left Minimized icon from Radix Icons
  • Panel Right icon from Radix Icons

Search Radix Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any Radix Icons icon from a prompt.

Get Pro

Tags

Browse by tag

Component 1 is tagged UI, interface, design and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Radix Icons MCP, with Pro

Ask for Component 1 or any of 342 Radix Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

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

What the Component 1 icon means and where it's used, then how to install, style and license it.

Install Component 1 from a prompt

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

Get Pro