Skip to content

Sunglasses

The sunglasses icon represents a type of eyewear designed to protect the eyes from the sun's glare.

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

Set up MCP

Exports at 33 × 24 px

Sunglasses icon from WebHostingHub Glyphs

Code

Sunglasses in your framework

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

export const SunglassesIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="33" height="24" viewBox="0 0 1026 737" {...props}>
    <path fill="currentColor" d="M1025 513q0 70-14.5 115.5T965 697t-68.5 31.5T801 737t-95.5-8.5T637 697t-45.5-68.5T577 513q0-26-19-45t-45.5-19t-45 19t-18.5 45q0 70-14.5 115.5T389 697t-68.5 31.5T225 737t-95.5-8.5T61 697t-45.5-68.5T1 513q0-57 8-89q-16-28-1-55L225 27q11-19 31.5-24.5t39 5.5t24 32.5T314 81L158 326q42-5 99-5q75 0 114.5 11t56.5 37q51 16 85 16t85-16q17-26 56.5-37T769 321q56 0 99 5L712 81q-11-19-5.5-40.5t24-32.5t39-5.5T801 27l217 342q15 27-1 55q8 32 8 89M129 385q-30 0-47 18t-17 46t17 46t47 18q53 0 90.5-18.5T257 449t-37.5-45.5T129 385m576 0q-30 0-47 18t-17 46t17 46t47 18q53 0 90.5-18.5T833 449t-37.5-45.5T705 385"/>
  </svg>
);

Other libraries

Sunglasses in 8 more libraries

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

  • Sunglasses icon from Phosphor
  • Sunglasses icon from Material Design Icons
  • Sunglasses icon from Tabler Icons
  • Sunglasses icon from Huge Icons
  • Sunglasses icon from Game Icons
  • Sunglasses icon from Bootstrap Icons
  • Sunglasses icon from Fluent Emoji High Contrast
  • Sunglasses icon from Emoji One (Monotone)

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Leather icon from WebHostingHub Glyphs
  • Belt icon from WebHostingHub Glyphs
  • Bowtie icon from WebHostingHub Glyphs
  • Hanger icon from WebHostingHub Glyphs
  • Lips icon from WebHostingHub Glyphs
  • Lipstick icon from WebHostingHub Glyphs
  • Stiletto icon from WebHostingHub Glyphs
  • Tophat icon from WebHostingHub Glyphs
  • Tshirt icon from WebHostingHub Glyphs
  • Font icon from WebHostingHub Glyphs
  • Fontcase icon from WebHostingHub Glyphs
  • Googleglass icon from WebHostingHub Glyphs
  • Jersey icon from WebHostingHub Glyphs
  • Moustache icon from WebHostingHub Glyphs
  • Panties icon from WebHostingHub Glyphs
  • Pattern icon from WebHostingHub Glyphs
  • Shirtbutton icon from WebHostingHub Glyphs
  • Shirtbuttonalt icon from WebHostingHub Glyphs
  • Shirtbuttonthree icon from WebHostingHub Glyphs
  • Sunrise icon from WebHostingHub Glyphs
  • Sunset icon from WebHostingHub Glyphs
  • Workshirt icon from WebHostingHub Glyphs
  • Antivirus icon from WebHostingHub Glyphs
  • Antivirusalt 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

Sunglasses is tagged style, fashion, accessories and 3 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

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

Install Sunglasses from a prompt

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

Get Pro