Skip to content
shadcn.io

Crab

The crab icon represents a crustacean, a type of seafood commonly consumed in various cuisines.

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

Set up MCP

Exports at 24 × 24 px

Crab icon from IconPark TwoTone

Code

Crab in your framework

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

export const CrabIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
    <defs><mask id="SVGQmGvxe4G"><g fill="none" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M5 17C5 12 6 2 17 6c.946 3.782-2 11-12 11m38 0c0-5-1-15-12-11c-.946 3.782 2 11 12 11"/><rect width="32" height="20" x="8" y="22" fill="#555" rx="10"/><path d="M27 22v-4m-6 4v-4m22-1c1 3 1 9-3 12M5 17c-1 3 0 8 3 12m22 13h14l-4-9m-22 9H4l4-9"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGQmGvxe4G)"/>
  </svg>
);

Other libraries

Crab in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Crab icon from Huge Icons
  • Crab icon from Game Icons
  • Crab icon from IconPark Outline
  • Crab icon from IconPark Solid
  • Crab icon from Web3 Icons
  • Crab icon from Fluent Emoji High Contrast
  • Crab icon from Emoji One (Monotone)
  • Crab icon from Dinkie Icons

IconPark TwoTone

Icons that share its tags, in the same style.

  • Shrimp icon from IconPark TwoTone
  • Chef Hat icon from IconPark TwoTone
  • Chef Hat One icon from IconPark TwoTone
  • Fish One icon from IconPark TwoTone
  • French Fries icon from IconPark TwoTone
  • Hot Pot icon from IconPark TwoTone
  • Knife Fork icon from IconPark TwoTone
  • Noodles icon from IconPark TwoTone
  • Fish icon from IconPark TwoTone
  • Hot Pot One icon from IconPark TwoTone
  • Bread icon from IconPark TwoTone
  • Bread One icon from IconPark TwoTone
  • Cheese icon from IconPark TwoTone
  • Chili icon from IconPark TwoTone
  • Coffee Machine icon from IconPark TwoTone
  • Drink icon from IconPark TwoTone
  • Fruiter icon from IconPark TwoTone
  • Platte icon from IconPark TwoTone
  • Rice icon from IconPark TwoTone
  • Scallion icon from IconPark TwoTone
  • Tray icon from IconPark TwoTone
  • Vicia Faba icon from IconPark TwoTone
  • Whale icon from IconPark TwoTone
  • Beer icon from IconPark TwoTone

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

Get Pro

Tags

Browse by tag

Crab is tagged food, restaurant, cuisine and 3 more. Related tags follow; each opens its icons from every library.

Pricing

IconPark TwoTone MCP, with Pro

Ask for Crab or any of 1,947 IconPark TwoTone 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.

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 Crab icon means and where it's used, then how to install, style and license it.

Install Crab from a prompt

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

Get Pro