Skip to content
shadcn.io

Teapot

The teapot icon represents a kitchen appliance used for brewing and serving tea.

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

Set up MCP

Exports at 27 × 24 px

Teapot icon from WebHostingHub Glyphs

Code

Teapot in your framework

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

export const TeapotIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="27" height="24" viewBox="0 0 1024 896" {...props}>
    <path fill="currentColor" d="M960 320q0 128-64 128q-3 0-5 5q5 32 5 59q0 108-54.5 214.5T699 896H325q-99-71-155-197q-18 5-42 5q-34 0-64-46.5T17 545T0 416q0-160 128-160q51 0 80 22q54-70 133.5-110T512 128q97 0 181 45.5T830 297q2-6 2-9q0-66 47-113t113-47q16 0 32 3v125q-27 0-45.5 18.5T960 320m-832 0q-64 0-64 114q0 57 27.5 120.5T147 635q-19-65-19-123q0-85 37-163q-17-29-37-29M448 63.5q0-26.5 18.5-45t45-18.5T557 18.5t19 45t-19 45.5t-45.5 19t-45-19T448 63.5"/>
  </svg>
);

Other libraries

Teapot in 6 more libraries

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

  • Teapot icon from Tabler Icons
  • Teapot icon from Game Icons
  • Teapot icon from IconPark Outline
  • Teapot icon from IconPark Solid
  • Teapot icon from IconPark TwoTone
  • Teapot icon from Fluent Emoji High Contrast

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Bowl icon from WebHostingHub Glyphs
  • Knife icon from WebHostingHub Glyphs
  • Microwave icon from WebHostingHub Glyphs
  • Stove icon from WebHostingHub Glyphs
  • Chef icon from WebHostingHub Glyphs
  • Circleknife icon from WebHostingHub Glyphs
  • Circlespoon icon from WebHostingHub Glyphs
  • Crackedegg icon from WebHostingHub Glyphs
  • Egg icon from WebHostingHub Glyphs
  • Eggplant icon from WebHostingHub Glyphs
  • Fork icon from WebHostingHub Glyphs
  • Fridge icon from WebHostingHub Glyphs
  • Tea icon from WebHostingHub Glyphs
  • Washer icon from WebHostingHub Glyphs
  • Earbudsalt icon from WebHostingHub Glyphs
  • Mug icon from WebHostingHub Glyphs
  • Pasta icon from WebHostingHub Glyphs
  • Soup icon from WebHostingHub Glyphs
  • Spoon icon from WebHostingHub Glyphs
  • Aaabattery icon from WebHostingHub Glyphs
  • Abacus icon from WebHostingHub Glyphs
  • Bacon icon from WebHostingHub Glyphs
  • Batteryaltcharging icon from WebHostingHub Glyphs
  • Batteryaltfull 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

Teapot is tagged device, cooking, beverage and 3 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

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

Install Teapot from a prompt

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

Get Pro