html5 icon

html5-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.

Name: html5-outline
Set: Teenyicons
Style: Outline
Viewbox: 15×15
License: MIT

1 other variant in Teenyicons

The same icon in other sets

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

Use the html5 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M.5.5V0a.5.5 0 0 0-.498.542zm14 0l.498.042A.5.5 0 0 0 14.5 0zm-1 12l.158.474a.5.5 0 0 0 .34-.433zm-6 2l-.158.474a.5.5 0 0 0 .316 0zm-6-2l-.498.041a.5.5 0 0 0 .34.433zm3-9V3H4v.5zm0 3H4V7h.5zm6 0h.5V6h-.5zm0 3l.158.474L11 9.86V9.5zm-3 1l-.158.474l.158.053l.158-.053zm-3-1H4v.36l.342.114zM.5 1h14V0H.5zM14.002.458l-1 12l.996.083l1-12zm-.66 11.568l-6 2l.316.948l6-2zm-5.684 2l-6-2l-.316.948l6 2zm-5.66-1.567l-1-12l-.996.083l1 12zM11 3H4.5v1H11zm-7 .5v3h1v-3zM4.5 7h6V6h-6zm5.5-.5v3h1v-3zm.342 2.526l-3 1l.316.948l3-1zm-2.684 1l-3-1l-.316.948l3 1zM5 9.5V8H4v1.5z"/></svg>

React

import type { SVGProps } from "react";

export function TeenyiconsHtml5Outline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M.5.5V0a.5.5 0 0 0-.498.542zm14 0l.498.042A.5.5 0 0 0 14.5 0zm-1 12l.158.474a.5.5 0 0 0 .34-.433zm-6 2l-.158.474a.5.5 0 0 0 .316 0zm-6-2l-.498.041a.5.5 0 0 0 .34.433zm3-9V3H4v.5zm0 3H4V7h.5zm6 0h.5V6h-.5zm0 3l.158.474L11 9.86V9.5zm-3 1l-.158.474l.158.053l.158-.053zm-3-1H4v.36l.342.114zM.5 1h14V0H.5zM14.002.458l-1 12l.996.083l1-12zm-.66 11.568l-6 2l.316.948l6-2zm-5.684 2l-6-2l-.316.948l6 2zm-5.66-1.567l-1-12l-.996.083l1 12zM11 3H4.5v1H11zm-7 .5v3h1v-3zM4.5 7h6V6h-6zm5.5-.5v3h1v-3zm.342 2.526l-3 1l.316.948l3-1zm-2.684 1l-3-1l-.316.948l3 1zM5 9.5V8H4v1.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M.5.5V0a.5.5 0 0 0-.498.542zm14 0l.498.042A.5.5 0 0 0 14.5 0zm-1 12l.158.474a.5.5 0 0 0 .34-.433zm-6 2l-.158.474a.5.5 0 0 0 .316 0zm-6-2l-.498.041a.5.5 0 0 0 .34.433zm3-9V3H4v.5zm0 3H4V7h.5zm6 0h.5V6h-.5zm0 3l.158.474L11 9.86V9.5zm-3 1l-.158.474l.158.053l.158-.053zm-3-1H4v.36l.342.114zM.5 1h14V0H.5zM14.002.458l-1 12l.996.083l1-12zm-.66 11.568l-6 2l.316.948l6-2zm-5.684 2l-6-2l-.316.948l6 2zm-5.66-1.567l-1-12l-.996.083l1 12zM11 3H4.5v1H11zm-7 .5v3h1v-3zM4.5 7h6V6h-6zm5.5-.5v3h1v-3zm.342 2.526l-3 1l.316.948l3-1zm-2.684 1l-3-1l-.316.948l3 1zM5 9.5V8H4v1.5z"/></svg>
</template>

CSS

.icon-html5-outline {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.5.5V0a.5.5%200%200%200-.498.542zm14%200l.498.042A.5.5%200%200%200%2014.5%200zm-1%2012l.158.474a.5.5%200%200%200%20.34-.433zm-6%202l-.158.474a.5.5%200%200%200%20.316%200zm-6-2l-.498.041a.5.5%200%200%200%20.34.433zm3-9V3H4v.5zm0%203H4V7h.5zm6%200h.5V6h-.5zm0%203l.158.474L11%209.86V9.5zm-3%201l-.158.474l.158.053l.158-.053zm-3-1H4v.36l.342.114zM.5%201h14V0H.5zM14.002.458l-1%2012l.996.083l1-12zm-.66%2011.568l-6%202l.316.948l6-2zm-5.684%202l-6-2l-.316.948l6%202zm-5.66-1.567l-1-12l-.996.083l1%2012zM11%203H4.5v1H11zm-7%20.5v3h1v-3zM4.5%207h6V6h-6zm5.5-.5v3h1v-3zm.342%202.526l-3%201l.316.948l3-1zm-2.684%201l-3-1l-.316.948l3%201zM5%209.5V8H4v1.5z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.5.5V0a.5.5%200%200%200-.498.542zm14%200l.498.042A.5.5%200%200%200%2014.5%200zm-1%2012l.158.474a.5.5%200%200%200%20.34-.433zm-6%202l-.158.474a.5.5%200%200%200%20.316%200zm-6-2l-.498.041a.5.5%200%200%200%20.34.433zm3-9V3H4v.5zm0%203H4V7h.5zm6%200h.5V6h-.5zm0%203l.158.474L11%209.86V9.5zm-3%201l-.158.474l.158.053l.158-.053zm-3-1H4v.36l.342.114zM.5%201h14V0H.5zM14.002.458l-1%2012l.996.083l1-12zm-.66%2011.568l-6%202l.316.948l6-2zm-5.684%202l-6-2l-.316.948l6%202zm-5.66-1.567l-1-12l-.996.083l1%2012zM11%203H4.5v1H11zm-7%20.5v3h1v-3zM4.5%207h6V6h-6zm5.5-.5v3h1v-3zm.342%202.526l-3%201l.316.948l3-1zm-2.684%201l-3-1l-.316.948l3%201zM5%209.5V8H4v1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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