Skip to content
shadcn.io

Off

The off icon represents a power-off or shutdown symbol.

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

Set up MCP

Exports at 24 × 24 px

Off icon from WebHostingHub Glyphs

Code

Off in your framework

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

export const OffIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" {...props}>
    <path fill="currentColor" d="M512 1024q-139 0-257-68.5T68.5 769T0 512q0-97 34.5-185T132 170q3-3 11.5-12t14-14.5t15-10.5t19.5-5q26 0 45 19t19 45q0 16-3.5 28t-7.5 16l-3 5q-54 53-84 123t-30 148q0 104 51.5 192.5t140 140T512 896t192.5-51.5t140-140T896 512q0-78-30-148.5T783 240q-15-15-15-48q0-26 19-45t45-19q7 0 13.5 2t10.5 4t10.5 8t8.5 8.5t9 10.5t8 9q63 69 97.5 157t34.5 185q0 104-40.5 199t-109 163.5t-163.5 109t-199 40.5m0-512q-27 0-45.5-18.5T448 448V64q0-27 19-45.5T512.5 0t45 18.5T576 64v384q0 27-18.5 45.5T512 512"/>
  </svg>
);

Other libraries

Off in 5 more libraries

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

  • Off icon from Lets Icons
  • Off icon from Pico-icon
  • Off icon from Ligature Symbols
  • Off icon from Elusive Icons
  • Off icon from Quill Icons

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Programclose icon from WebHostingHub Glyphs
  • Shutdown icon from WebHostingHub Glyphs
  • Exit icon from WebHostingHub Glyphs
  • X icon from WebHostingHub Glyphs
  • X Upper Case icon from WebHostingHub Glyphs
  • Exitalt icon from WebHostingHub Glyphs
  • Multiply icon from WebHostingHub Glyphs
  • Gpsoff icon from WebHostingHub Glyphs
  • Lightoff icon from WebHostingHub Glyphs
  • Turnoffalarm icon from WebHostingHub Glyphs
  • Aaabattery icon from WebHostingHub Glyphs
  • Acsource icon from WebHostingHub Glyphs
  • Batteryaltcharging icon from WebHostingHub Glyphs
  • Batteryaltfull icon from WebHostingHub Glyphs
  • Batteryaltsixty icon from WebHostingHub Glyphs
  • Batteryaltthird icon from WebHostingHub Glyphs
  • Batterycharged icon from WebHostingHub Glyphs
  • Batterycharging icon from WebHostingHub Glyphs
  • Batteryeighty icon from WebHostingHub Glyphs
  • Batteryempty icon from WebHostingHub Glyphs
  • Batteryforty icon from WebHostingHub Glyphs
  • Batteryfull icon from WebHostingHub Glyphs
  • Batterysixty icon from WebHostingHub Glyphs
  • Batterytwenty icon from WebHostingHub Glyphs

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

Get Pro

Tags

Browse by tag

Off is tagged power, cancel, close and 3 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

Ask for Off or any of 2,125 WebHostingHub Glyphs 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 Off icon means and where it's used, then how to install, style and license it.

Install Off from a prompt

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

Get Pro