Skip to content
shadcn.io

Html Five

The html-five icon represents a symbol of web development and coding.

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

Set up MCP

Exports at 24 × 24 px

Html Five icon from Plump color icons

Code

Html Five in your framework

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

export const HtmlFiveIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
    <g fill="none" strokeWidth="3"><path fill="#8fbffa" d="M22.307 44.394c-2.983-1.173-9.33-4.137-14.318-9.68a5.05 5.05 0 0 1-1.116-2.066c-.922-3.395-3.505-13.885-3.838-26.073a2.777 2.777 0 0 1 2.517-2.866C8.658 3.414 14.675 3 24 3s15.341.414 18.448.709a2.777 2.777 0 0 1 2.516 2.866c-.333 12.188-2.915 22.678-3.838 26.073a5.05 5.05 0 0 1-1.116 2.066c-4.987 5.543-11.334 8.507-14.317 9.68a4.6 4.6 0 0 1-3.386 0"/><path stroke="#2859c5" strokeLinejoin="round" d="M22.307 44.394c-2.983-1.173-9.33-4.137-14.318-9.68a5.05 5.05 0 0 1-1.116-2.066c-.922-3.395-3.505-13.885-3.838-26.073a2.777 2.777 0 0 1 2.517-2.866C8.658 3.414 14.675 3 24 3s15.341.414 18.448.709a2.777 2.777 0 0 1 2.516 2.866c-.333 12.188-2.915 22.678-3.838 26.073a5.05 5.05 0 0 1-1.116 2.066c-4.987 5.543-11.334 8.507-14.317 9.68a4.6 4.6 0 0 1-3.386 0Z"/><path stroke="#2859c5" strokeLinecap="round" strokeLinejoin="round" d="M15 32c2.853 2.853 6.215 4.688 7.908 5.507c.694.335 1.49.335 2.184 0C26.785 36.688 30.147 34.853 33 32c0 0 1.154-3.845 1.775-8.838c.144-1.161-.778-2.162-1.948-2.162H14.488c-.883 0-1.658-.578-1.87-1.436a64 64 0 0 1-1.435-8.117a1.894 1.894 0 0 1 1.764-2.101C15.104 9.199 18.956 9 24 9c8 0 13 .5 13 .5"/></g>
  </svg>
);

Other libraries

Html Five in 5 more libraries

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

  • Html Five icon from IconPark Outline
  • Html Five icon from IconPark Solid
  • Html Five icon from IconPark TwoTone
  • Html Five icon from Plump free icons
  • Html Five icon from IcoMoon Free

Plump color icons

Icons that share its tags, in the same style.

  • Html Five Flat icon from Plump color icons
  • Broken Link  2 icon from Plump color icons
  • Broken Link 2 Flat icon from Plump color icons
  • Browser Code  1 icon from Plump color icons
  • Browser Code 1 Flat icon from Plump color icons
  • Code Monitor  2 icon from Plump color icons
  • Code Monitor 2 Flat icon from Plump color icons
  • Browser Website  1 icon from Plump color icons
  • Browser Website 1 Flat icon from Plump color icons
  • Global Learning icon from Plump color icons
  • Global Learning Flat icon from Plump color icons
  • Industry Innovation And Infrastructure icon from Plump color icons
  • Industry Innovation And Infrastructure Flat icon from Plump color icons
  • Layout Right Sidebar icon from Plump color icons
  • Layout Right Sidebar Flat icon from Plump color icons
  • Layout Window  4 icon from Plump color icons
  • Layout Window 4 Flat icon from Plump color icons
  • Leaf Protect icon from Plump color icons
  • Leaf Protect Flat icon from Plump color icons
  • Lens icon from Plump color icons
  • Lens Flat icon from Plump color icons
  • Lift icon from Plump color icons
  • Lift Flat icon from Plump color icons
  • Widget icon from Plump color icons

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

Get Pro

Tags

Browse by tag

Html Five is tagged development, programming, web and 2 more. Related tags follow; each opens its icons from every library.

Pricing

Plump color icons MCP, with Pro

Ask for Html Five or any of 1,000 Plump color icons 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 Html Five icon means and where it's used, then how to install, style and license it.

Install Html Five from a prompt

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

Get Pro