Skip to content
shadcn.io

Spider

The spider icon represents a spider, often used to convey a sense of crawling or searching in a user interface.

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

Set up MCP

Exports at 24 × 24 px

Spider icon from Dinkie Icons
Get Pro

1,198 in Dinkie IconsMIT license (opens in a new tab)Free to copy and download

Code

Spider in your framework

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

export const SpiderIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 12 12" {...props}>
    <path fill="currentColor" d="M4 6H3v1H1v1h2v1h1Zm0 0h3V5h1V4H6v1H5V4H3v1h1Zm-4 4h1V8H0Zm2 2h1V9H2Zm2-2h3V9H4ZM1 6h2V5H1ZM0 5h1V3H0Zm8 7h1V9H8ZM2 4h1V1H2Zm5 5h1V8h2V7H8V6H7Zm3 1h1V8h-1ZM5 4h1V3H5Zm3 2h2V5H8Zm0-2h1V1H8Zm2 1h1V3h-1Zm0 0"/>
  </svg>
);

Other libraries

Spider in 8 more libraries

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

  • Spider icon from Material Design Icons
  • Spider icon from Tabler Icons
  • Spider icon from WebHostingHub Glyphs
  • Spider icon from Font Awesome Solid
  • Spider icon from Fluent Emoji High Contrast
  • Spider icon from Line Awesome
  • Spider icon from Font Awesome 6 Solid
  • Spider icon from Emoji One (Monotone)

Dinkie Icons

More like it

Icons that share its tags, in the same style.

All 1,198 icons
  • Spouting Whale icon from Dinkie Icons
  • Cow Face icon from Dinkie Icons
  • Crab icon from Dinkie Icons
  • Shark icon from Dinkie Icons
  • Snake icon from Dinkie Icons
  • Cat Face icon from Dinkie Icons
  • Cat Face Small icon from Dinkie Icons
  • Elephant icon from Dinkie Icons
  • Finder icon from Dinkie Icons
  • Fox Face icon from Dinkie Icons
  • Frog Face icon from Dinkie Icons
  • Right Magnifying Glass icon from Dinkie Icons
  • Right Magnifying Glass Small icon from Dinkie Icons
  • Sauropod icon from Dinkie Icons
  • Swan icon from Dinkie Icons
  • Anyway Fm icon from Dinkie Icons
  • Apple icon from Dinkie Icons
  • Apple Small icon from Dinkie Icons
  • App Notifacation icon from Dinkie Icons
  • App Notifacation Small icon from Dinkie Icons
  • App Store icon from Dinkie Icons
  • Arrows Maximize icon from Dinkie Icons
  • Arrows Minimize icon from Dinkie Icons
  • Artist Palette icon from Dinkie Icons

Search Dinkie Icons

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

Get Pro

Tags

Browse by tag

Spider is tagged UI, search, animal and 2 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Dinkie Icons MCP, with Pro

Ask for Spider or any of 1,198 Dinkie 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 Spider icon means and where it's used, then how to install, style and license it.

Install Spider from a prompt

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

Get Pro