Skip to content

Logo Web Component

The Web Component logo represents the web component standard, a set of technologies for building reusable web components.

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

Set up MCP

Exports at 24 × 24 px

Logo Web Component icon from Famicons
Get Pro

1,342 in FamiconsMIT license (opens in a new tab)Free to copy and download

Code

Logo Web Component in your framework

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

export const LogoWebComponentIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
    <path fill="none" d="m179.9 388l-76.16-132zm0 0h152.21l76.15-132l-76.15-132H179.9l-76.16 132zm-76.16-132l76.16-132z"/><path fill="currentColor" d="M496 256L376 48H239.74l-43.84 76h136.21l76.15 132l-76.15 132H195.9l43.84 76H376z"/><path fill="currentColor" d="m179.9 388l-76.16-132l76.16-132l43.84-76H136L16 256l120 208h87.74z"/>
  </svg>
);

Other libraries

Logo Web Component in 1 more libraries

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

  • Logo Web Component icon from IonIcons

Famicons

Icons that share its tags, in the same style.

  • Logo Edge icon from Famicons
  • Logo Chrome icon from Famicons
  • Logo Codepen icon from Famicons
  • Logo Css 3 icon from Famicons
  • Logo Vercel icon from Famicons
  • Logo Vue icon from Famicons
  • Browsers icon from Famicons
  • Bug icon from Famicons
  • Build icon from Famicons
  • Card icon from Famicons
  • Code icon from Famicons
  • Code Download icon from Famicons
  • Code Slash icon from Famicons
  • Code Working icon from Famicons
  • Construct icon from Famicons
  • Git Branch icon from Famicons
  • Git Commit icon from Famicons
  • Git Compare icon from Famicons
  • Git Merge icon from Famicons
  • Git Network icon from Famicons
  • Git Pull Request icon from Famicons
  • Hardware Chip icon from Famicons
  • Logo Capacitor icon from Famicons
  • Logo Docker icon from Famicons

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

Get Pro

Tags

Browse by tag

Logo Web Component is tagged development, web, browser and 2 more. Related tags follow; each opens its icons from every library.

Pricing

Famicons MCP, with Pro

Ask for Logo Web Component or any of 1,342 Famicons 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 Logo Web Component icon means and where it's used, then how to install, style and license it.

Install Logo Web Component from a prompt

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

Get Pro