Skip to content
shadcn.io

Eye

The eye icon represents the concept of vision or sight, which is a fundamental aspect of human perception.

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

Set up MCP

Exports at 32 × 24 px

Eye icon from WebHostingHub Glyphs

Code

Eye in your framework

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

export const EyeIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 1024 768" {...props}>
    <path fill="currentColor" d="M512 768q-122 0-231-50T97.5 580T0 384q23-108 97.5-196T281 50T512 0t231 50t183.5 138t97.5 196q-23 108-97.5 196T743 718t-231 50M266 180q-78 35-131 88T64 384q18 64 71.5 117T266 589q-74-89-74-205t74-204m246 76q-53 0-90.5 37.5T384 384t37.5 90.5T512 512t90.5-37.5T640 384t-37.5-90.5T512 256m246-76q74 88 74 204t-74 205q78-35 131-88t71-117q-18-63-71-116.5T758 180"/>
  </svg>
);

Other libraries

Eye in 8 more libraries

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

  • Eye icon from Phosphor
  • Eye icon from Material Design Icons
  • Eye icon from Tabler Icons
  • Eye icon from Huge Icons
  • Eye icon from Health Icons
  • Eye icon from Myna UI Icons
  • Eye icon from IonIcons
  • Eye icon from Bootstrap Icons

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Eyeopen icon from WebHostingHub Glyphs
  • Eyeclose icon from WebHostingHub Glyphs
  • Cctv icon from WebHostingHub Glyphs
  • Eyeos icon from WebHostingHub Glyphs
  • Certificate icon from WebHostingHub Glyphs
  • Magnifier icon from WebHostingHub Glyphs
  • Password icon from WebHostingHub Glyphs
  • Antivirus icon from WebHostingHub Glyphs
  • Antivirusalt icon from WebHostingHub Glyphs
  • Authentication icon from WebHostingHub Glyphs
  • Backup icon from WebHostingHub Glyphs
  • Backupalt icon from WebHostingHub Glyphs
  • Backupwizard icon from WebHostingHub Glyphs
  • Bomb icon from WebHostingHub Glyphs
  • Braillea icon from WebHostingHub Glyphs
  • Braillev icon from WebHostingHub Glyphs
  • Braillew icon from WebHostingHub Glyphs
  • Braillex icon from WebHostingHub Glyphs
  • Brailley icon from WebHostingHub Glyphs
  • Braillez icon from WebHostingHub Glyphs
  • Braillezero icon from WebHostingHub Glyphs
  • Certificatealt icon from WebHostingHub Glyphs
  • Certificatethree icon from WebHostingHub Glyphs
  • Fence 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

Eye is tagged security, visibility, vision and 2 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

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

Install Eye from a prompt

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

Get Pro