html icon

html-rounded from Material Symbols by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: html-rounded
Set: Material Symbols
Style: Rounded
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: html-outline-rounded

2 other variants in Material Symbols

The same icon in other sets

html-fillAkar Icons htmlCarbon htmlCatppuccin Icons html-solidFlowbite Icons htmlMaterial Icon Theme htmlMaterial Symbols Light htmlSkill Icons htmlTabler Icons

More ui actions icons from Material Symbols

Use the html icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 14.25v-4.5q0-.325.213-.537T.75 9t.538.213t.212.537V11h2V9.75q0-.325.213-.537T4.25 9t.538.213T5 9.75v4.5q0 .325-.213.538T4.25 15t-.537-.213t-.213-.537V12.5h-2v1.75q0 .325-.213.538T.75 15t-.537-.213T0 14.25m7.75 0V10.5h-1q-.325 0-.537-.213T6 9.75t.213-.537T6.75 9h3.5q.325 0 .538.213T11 9.75t-.213.538t-.537.212h-1v3.75q0 .325-.213.538T8.5 15t-.537-.213t-.213-.537m4.25 0V10q0-.425.288-.712T13 9h4.5q.425 0 .713.288T18.5 10v4.25q0 .325-.213.538T17.75 15t-.537-.213T17 14.25V10.5h-1v2.75q0 .325-.213.538T15.25 14t-.537-.213t-.213-.537V10.5h-1v3.75q0 .325-.213.538T12.75 15t-.537-.213T12 14.25m8.75.75q-.325 0-.537-.213T20 14.25v-4.5q0-.325.213-.537T20.75 9t.538.213t.212.537v3.75h1.75q.325 0 .538.213t.212.537t-.213.538t-.537.212z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsHtmlRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 14.25v-4.5q0-.325.213-.537T.75 9t.538.213t.212.537V11h2V9.75q0-.325.213-.537T4.25 9t.538.213T5 9.75v4.5q0 .325-.213.538T4.25 15t-.537-.213t-.213-.537V12.5h-2v1.75q0 .325-.213.538T.75 15t-.537-.213T0 14.25m7.75 0V10.5h-1q-.325 0-.537-.213T6 9.75t.213-.537T6.75 9h3.5q.325 0 .538.213T11 9.75t-.213.538t-.537.212h-1v3.75q0 .325-.213.538T8.5 15t-.537-.213t-.213-.537m4.25 0V10q0-.425.288-.712T13 9h4.5q.425 0 .713.288T18.5 10v4.25q0 .325-.213.538T17.75 15t-.537-.213T17 14.25V10.5h-1v2.75q0 .325-.213.538T15.25 14t-.537-.213t-.213-.537V10.5h-1v3.75q0 .325-.213.538T12.75 15t-.537-.213T12 14.25m8.75.75q-.325 0-.537-.213T20 14.25v-4.5q0-.325.213-.537T20.75 9t.538.213t.212.537v3.75h1.75q.325 0 .538.213t.212.537t-.213.538t-.537.212z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 14.25v-4.5q0-.325.213-.537T.75 9t.538.213t.212.537V11h2V9.75q0-.325.213-.537T4.25 9t.538.213T5 9.75v4.5q0 .325-.213.538T4.25 15t-.537-.213t-.213-.537V12.5h-2v1.75q0 .325-.213.538T.75 15t-.537-.213T0 14.25m7.75 0V10.5h-1q-.325 0-.537-.213T6 9.75t.213-.537T6.75 9h3.5q.325 0 .538.213T11 9.75t-.213.538t-.537.212h-1v3.75q0 .325-.213.538T8.5 15t-.537-.213t-.213-.537m4.25 0V10q0-.425.288-.712T13 9h4.5q.425 0 .713.288T18.5 10v4.25q0 .325-.213.538T17.75 15t-.537-.213T17 14.25V10.5h-1v2.75q0 .325-.213.538T15.25 14t-.537-.213t-.213-.537V10.5h-1v3.75q0 .325-.213.538T12.75 15t-.537-.213T12 14.25m8.75.75q-.325 0-.537-.213T20 14.25v-4.5q0-.325.213-.537T20.75 9t.538.213t.212.537v3.75h1.75q.325 0 .538.213t.212.537t-.213.538t-.537.212z"/></svg>
</template>

CSS

.icon-html-rounded {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2014.25v-4.5q0-.325.213-.537T.75%209t.538.213t.212.537V11h2V9.75q0-.325.213-.537T4.25%209t.538.213T5%209.75v4.5q0%20.325-.213.538T4.25%2015t-.537-.213t-.213-.537V12.5h-2v1.75q0%20.325-.213.538T.75%2015t-.537-.213T0%2014.25m7.75%200V10.5h-1q-.325%200-.537-.213T6%209.75t.213-.537T6.75%209h3.5q.325%200%20.538.213T11%209.75t-.213.538t-.537.212h-1v3.75q0%20.325-.213.538T8.5%2015t-.537-.213t-.213-.537m4.25%200V10q0-.425.288-.712T13%209h4.5q.425%200%20.713.288T18.5%2010v4.25q0%20.325-.213.538T17.75%2015t-.537-.213T17%2014.25V10.5h-1v2.75q0%20.325-.213.538T15.25%2014t-.537-.213t-.213-.537V10.5h-1v3.75q0%20.325-.213.538T12.75%2015t-.537-.213T12%2014.25m8.75.75q-.325%200-.537-.213T20%2014.25v-4.5q0-.325.213-.537T20.75%209t.538.213t.212.537v3.75h1.75q.325%200%20.538.213t.212.537t-.213.538t-.537.212z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2014.25v-4.5q0-.325.213-.537T.75%209t.538.213t.212.537V11h2V9.75q0-.325.213-.537T4.25%209t.538.213T5%209.75v4.5q0%20.325-.213.538T4.25%2015t-.537-.213t-.213-.537V12.5h-2v1.75q0%20.325-.213.538T.75%2015t-.537-.213T0%2014.25m7.75%200V10.5h-1q-.325%200-.537-.213T6%209.75t.213-.537T6.75%209h3.5q.325%200%20.538.213T11%209.75t-.213.538t-.537.212h-1v3.75q0%20.325-.213.538T8.5%2015t-.537-.213t-.213-.537m4.25%200V10q0-.425.288-.712T13%209h4.5q.425%200%20.713.288T18.5%2010v4.25q0%20.325-.213.538T17.75%2015t-.537-.213T17%2014.25V10.5h-1v2.75q0%20.325-.213.538T15.25%2014t-.537-.213t-.213-.537V10.5h-1v3.75q0%20.325-.213.538T12.75%2015t-.537-.213T12%2014.25m8.75.75q-.325%200-.537-.213T20%2014.25v-4.5q0-.325.213-.537T20.75%209t.538.213t.212.537v3.75h1.75q.325%200%20.538.213t.212.537t-.213.538t-.537.212z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/html-rounded.svg?color=%231a73e8&size=48