Can I use the HTML5 icon for commercial projects?

Yes, you can use the HTML5 icon in your commercial projects. However, please be aware that the HTML5 logo is a registered trademark. You should follow their brand guidelines and not imply endorsement.

How to use the HTML5 icon in Figma?

The easiest way is to copy the HTML5 SVG code from our site and paste it directly into Figma. Alternatively, you can download the HTML5 SVG file and drag it onto your Figma canvas.

What formats of the HTML5 icon are available for download?

We provide the HTML5 icon in high-quality SVG (vector) format, which is perfect for web and print. You can also download it as a transparent HTML5 PNG image or copy the React component code.

HTML5 Icon

Development#E34F26

High-quality HTML5 transparent PNG for web & print.

Optimized HTML5 SVG vector code for developers.

Ready-to-use HTML5 React icon component.

Use HTML5 in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Describe the UI to generate

How to use the HTML5 Icon

Copy the HTML5 icon as inline SVG, React code, HTML embed, or CSS mask.

Inline SVG

Paste the HTML5 SVG directly into HTML or JSX.

React Component

Use HTML5 as a typed React icon component.

import React from 'react';

export const HTML5Icon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

Use a hosted HTML5 icon URL with attribution.

CSS Mask

Use HTML5 as a colorable CSS mask icon.

.html5-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #e34f26;
  mask: url("https://www.aiuidesigner.com/icons/html5.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/html5.svg") center / contain no-repeat;
}

HTML5 Icon Details

Brand color

#E34F26

About the HTML5 Icon

The HTML5 icon is available here as a brand icon asset in SVG format. It is categorized under Development and uses the brand color #E34F26. You can download it as a transparent PNG, copy the inline SVG, copy a React component, or embed it with HTML.

Use the source and brand guideline links on this page to verify current trademark usage rules before using the HTML5 logo in commercial projects, documentation, UI mockups, or marketing pages.

Tags:markupwebfrontend

HTML5 Icon Frequently Asked Questions

Design a UI with the HTML5 icon

Generate a complete page that already uses this icon, color, and brand context.

Describe the UI to generate

HTML5 Related Icons