Skip to content
shadcn.io

Block

The block icon represents an obstacle or barrier, often used to indicate a restriction or limitation.

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

Set up MCP

Exports at 24 × 24 px

Block icon from Web Symbols Liga
Get Pro

85 in Web Symbols LigaOpen Font License license (opens in a new tab)Free to copy and download

Code

Block in your framework

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

export const BlockIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1000 1000" {...props}>
    <path fill="currentColor" d="M1000 501q0 136-67 251T751 934t-251 67t-251-67T67 752T0 501t67-251T249 68T500 1t251 67t182 182t67 251m-117 0q0-158-112.5-270.5T500 118q-126 0-226 74l535 535q74-100 74-226M726 810L191 275q-74 100-74 226q0 158 112.5 270.5T500 884q126 0 226-74"/>
  </svg>
);

Other libraries

Block in 8 more libraries

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

  • Block icon from Material Symbols
  • Block icon from Material Symbols Light
  • Block icon from IconPark Outline
  • Block icon from Web3 Icons
  • Block icon from BoxIcons
  • Block icon from Material Design Iconic Font
  • Block icon from css.gg
  • Block icon from Röntgen

Web Symbols Liga

More like it

Icons that share its tags, then the ones next to it in Web Symbols Liga, in the same style.

All 85 icons
  • Arrows Cw icon from Web Symbols Liga
  • Cancel icon from Web Symbols Liga
  • Cancel Circle icon from Web Symbols Liga
  • Minus Circle icon from Web Symbols Liga
  • Ok icon from Web Symbols Liga
  • Ok Circle icon from Web Symbols Liga
  • Picture icon from Web Symbols Liga
  • Plus Circle icon from Web Symbols Liga
  • Popup icon from Web Symbols Liga
  • Progress 0 icon from Web Symbols Liga
  • Progress 1 icon from Web Symbols Liga
  • Progress 2 icon from Web Symbols Liga
  • Attention icon from Web Symbols Liga
  • Progress 3 icon from Web Symbols Liga
  • Progress 4 icon from Web Symbols Liga
  • Progress 5 icon from Web Symbols Liga
  • Progress 6 icon from Web Symbols Liga
  • Progress 7 icon from Web Symbols Liga
  • Right Circle icon from Web Symbols Liga
  • Archive icon from Web Symbols Liga
  • Attach icon from Web Symbols Liga
  • Chat icon from Web Symbols Liga
  • Clock icon from Web Symbols Liga
  • Cloud icon from Web Symbols Liga

Skip the copy and paste. With Pro, your AI agent finds and installs any Web Symbols Liga icon from a prompt.

Get Pro

Tags

Browse by tag

Block is tagged action, status, restriction and 2 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Web Symbols Liga MCP, with Pro

Ask for Block or any of 85 Web Symbols Liga 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 Block icon means and where it's used, then how to install, style and license it.

Install Block from a prompt

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

Get Pro