html5 logo

html5 from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: html5
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

The same logo in other sets

html5-filledAnt Design Icons html5Boxicons Brands html5Devicon html5Font Awesome 6 Brands html5Font Awesome Brands html5Iconoir html5Line Awesome html5-fillRemix Icon html5Simple Icons html5TDesign Icons html5-outlineTeenyicons html5Unicons html5Unicons Monochrome

Related icons in CoreUI Brands

html5-shield

Use the html5 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2 0h28l-2.547 28.75L15.969 32L4.552 28.75zm9.375 13l-.307-3.625l13.411.005l.307-3.495L7.213 5.88l.932 10.682h12.167l-.432 4.568L16 22.198l-3.938-1.078l-.255-2.813H8.328l.443 5.563L16 25.802l7.172-1.927l.99-10.875z"/></svg>

React

import type { SVGProps } from "react";

export function CibHtml5(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2 0h28l-2.547 28.75L15.969 32L4.552 28.75zm9.375 13l-.307-3.625l13.411.005l.307-3.495L7.213 5.88l.932 10.682h12.167l-.432 4.568L16 22.198l-3.938-1.078l-.255-2.813H8.328l.443 5.563L16 25.802l7.172-1.927l.99-10.875z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2 0h28l-2.547 28.75L15.969 32L4.552 28.75zm9.375 13l-.307-3.625l13.411.005l.307-3.495L7.213 5.88l.932 10.682h12.167l-.432 4.568L16 22.198l-3.938-1.078l-.255-2.813H8.328l.443 5.563L16 25.802l7.172-1.927l.99-10.875z"/></svg>
</template>

CSS

.icon-html5 {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%200h28l-2.547%2028.75L15.969%2032L4.552%2028.75zm9.375%2013l-.307-3.625l13.411.005l.307-3.495L7.213%205.88l.932%2010.682h12.167l-.432%204.568L16%2022.198l-3.938-1.078l-.255-2.813H8.328l.443%205.563L16%2025.802l7.172-1.927l.99-10.875z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%200h28l-2.547%2028.75L15.969%2032L4.552%2028.75zm9.375%2013l-.307-3.625l13.411.005l.307-3.495L7.213%205.88l.932%2010.682h12.167l-.432%204.568L16%2022.198l-3.938-1.078l-.255-2.813H8.328l.443%205.563L16%2025.802l7.172-1.927l.99-10.875z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/html5.svg?color=%231a73e8&size=48