html 5 logo

html-5 from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
html-5
Set
SVG Logos
Style
Color
Viewbox
256×361
License
CC0

The same logo in other sets

html-5Huge Icons

Use the html 5 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 361"><path fill="#e44d26" d="m255.555 70.766l-23.241 260.36l-104.47 28.962l-104.182-28.922L.445 70.766z"/><path fill="#f16529" d="m128 337.95l84.417-23.403l19.86-222.49H128z"/><path fill="#ebebeb" d="M82.82 155.932H128v-31.937H47.917l.764 8.568l7.85 88.01H128v-31.937H85.739zm7.198 80.61h-32.06l4.474 50.146l65.421 18.16l.147-.04V271.58l-.14.037l-35.568-9.604z"/><path d="M24.18 0h16.23v16.035h14.847V0h16.231v48.558h-16.23v-16.26H40.411v16.26h-16.23V0M92.83 16.103H78.544V0h44.814v16.103h-14.295v32.455h-16.23V16.103zM130.47 0h16.923l10.41 17.062L168.203 0h16.93v48.558h-16.164V24.49l-11.166 17.265h-.28L146.35 24.49v24.068h-15.88zm62.74 0h16.235v32.508h22.824v16.05h-39.06z"/><path fill="#fff" d="M127.89 220.573h39.327l-3.708 41.42l-35.62 9.614v33.226l65.473-18.145l.48-5.396l7.506-84.08l.779-8.576H127.89zm0-64.719v.078h77.143l.64-7.178l1.456-16.191l.763-8.568H127.89z"/></svg>

React

import type { SVGProps } from "react";

export function LogosHtml5(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 361"><path fill="#e44d26" d="m255.555 70.766l-23.241 260.36l-104.47 28.962l-104.182-28.922L.445 70.766z"/><path fill="#f16529" d="m128 337.95l84.417-23.403l19.86-222.49H128z"/><path fill="#ebebeb" d="M82.82 155.932H128v-31.937H47.917l.764 8.568l7.85 88.01H128v-31.937H85.739zm7.198 80.61h-32.06l4.474 50.146l65.421 18.16l.147-.04V271.58l-.14.037l-35.568-9.604z"/><path d="M24.18 0h16.23v16.035h14.847V0h16.231v48.558h-16.23v-16.26H40.411v16.26h-16.23V0M92.83 16.103H78.544V0h44.814v16.103h-14.295v32.455h-16.23V16.103zM130.47 0h16.923l10.41 17.062L168.203 0h16.93v48.558h-16.164V24.49l-11.166 17.265h-.28L146.35 24.49v24.068h-15.88zm62.74 0h16.235v32.508h22.824v16.05h-39.06z"/><path fill="#fff" d="M127.89 220.573h39.327l-3.708 41.42l-35.62 9.614v33.226l65.473-18.145l.48-5.396l7.506-84.08l.779-8.576H127.89zm0-64.719v.078h77.143l.64-7.178l1.456-16.191l.763-8.568H127.89z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 361"><path fill="#e44d26" d="m255.555 70.766l-23.241 260.36l-104.47 28.962l-104.182-28.922L.445 70.766z"/><path fill="#f16529" d="m128 337.95l84.417-23.403l19.86-222.49H128z"/><path fill="#ebebeb" d="M82.82 155.932H128v-31.937H47.917l.764 8.568l7.85 88.01H128v-31.937H85.739zm7.198 80.61h-32.06l4.474 50.146l65.421 18.16l.147-.04V271.58l-.14.037l-35.568-9.604z"/><path d="M24.18 0h16.23v16.035h14.847V0h16.231v48.558h-16.23v-16.26H40.411v16.26h-16.23V0M92.83 16.103H78.544V0h44.814v16.103h-14.295v32.455h-16.23V16.103zM130.47 0h16.923l10.41 17.062L168.203 0h16.93v48.558h-16.164V24.49l-11.166 17.265h-.28L146.35 24.49v24.068h-15.88zm62.74 0h16.235v32.508h22.824v16.05h-39.06z"/><path fill="#fff" d="M127.89 220.573h39.327l-3.708 41.42l-35.62 9.614v33.226l65.473-18.145l.48-5.396l7.506-84.08l.779-8.576H127.89zm0-64.719v.078h77.143l.64-7.178l1.456-16.191l.763-8.568H127.89z"/></svg>
</template>

CSS

.icon-html-5 {
  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%20256%20361%22%3E%3Cpath%20fill%3D%22%23e44d26%22%20d%3D%22m255.555%2070.766l-23.241%20260.36l-104.47%2028.962l-104.182-28.922L.445%2070.766z%22%2F%3E%3Cpath%20fill%3D%22%23f16529%22%20d%3D%22m128%20337.95l84.417-23.403l19.86-222.49H128z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22M82.82%20155.932H128v-31.937H47.917l.764%208.568l7.85%2088.01H128v-31.937H85.739zm7.198%2080.61h-32.06l4.474%2050.146l65.421%2018.16l.147-.04V271.58l-.14.037l-35.568-9.604z%22%2F%3E%3Cpath%20d%3D%22M24.18%200h16.23v16.035h14.847V0h16.231v48.558h-16.23v-16.26H40.411v16.26h-16.23V0M92.83%2016.103H78.544V0h44.814v16.103h-14.295v32.455h-16.23V16.103zM130.47%200h16.923l10.41%2017.062L168.203%200h16.93v48.558h-16.164V24.49l-11.166%2017.265h-.28L146.35%2024.49v24.068h-15.88zm62.74%200h16.235v32.508h22.824v16.05h-39.06z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M127.89%20220.573h39.327l-3.708%2041.42l-35.62%209.614v33.226l65.473-18.145l.48-5.396l7.506-84.08l.779-8.576H127.89zm0-64.719v.078h77.143l.64-7.178l1.456-16.191l.763-8.568H127.89z%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%20256%20361%22%3E%3Cpath%20fill%3D%22%23e44d26%22%20d%3D%22m255.555%2070.766l-23.241%20260.36l-104.47%2028.962l-104.182-28.922L.445%2070.766z%22%2F%3E%3Cpath%20fill%3D%22%23f16529%22%20d%3D%22m128%20337.95l84.417-23.403l19.86-222.49H128z%22%2F%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22M82.82%20155.932H128v-31.937H47.917l.764%208.568l7.85%2088.01H128v-31.937H85.739zm7.198%2080.61h-32.06l4.474%2050.146l65.421%2018.16l.147-.04V271.58l-.14.037l-35.568-9.604z%22%2F%3E%3Cpath%20d%3D%22M24.18%200h16.23v16.035h14.847V0h16.231v48.558h-16.23v-16.26H40.411v16.26h-16.23V0M92.83%2016.103H78.544V0h44.814v16.103h-14.295v32.455h-16.23V16.103zM130.47%200h16.923l10.41%2017.062L168.203%200h16.93v48.558h-16.164V24.49l-11.166%2017.265h-.28L146.35%2024.49v24.068h-15.88zm62.74%200h16.235v32.508h22.824v16.05h-39.06z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M127.89%20220.573h39.327l-3.708%2041.42l-35.62%209.614v33.226l65.473-18.145l.48-5.396l7.506-84.08l.779-8.576H127.89zm0-64.719v.078h77.143l.64-7.178l1.456-16.191l.763-8.568H127.89z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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