hevc icon

hevc from Material Symbols by Google · Regular · Images · Apache-2.0 Free for personal and commercial use.

Name: hevc
Set: Material Symbols
Style: Regular
Category: Images
Viewbox: 24×24
License: Apache 2.0
Aliases: hevc-outline

2 other variants in Material Symbols

The same icon in other sets

More images icons from Material Symbols

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp

Use the hevc icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 15V9h1.5v2h1V9H7v6H5.5v-2.5h-1V15zm5 0V9h3.5v1.5h-2v.5h2v1.5h-2v1h2V15zm5 0l-1-6h1.5l.75 4.5L15 9h1.5l-1 6zm5 0q-.425 0-.712-.288T17 14v-4q0-.425.288-.712T18 9h2q.425 0 .713.288T21 10v1h-1.5v-.5h-1v3h1V13H21v1q0 .425-.288.713T20 15z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsHevc(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="M3 15V9h1.5v2h1V9H7v6H5.5v-2.5h-1V15zm5 0V9h3.5v1.5h-2v.5h2v1.5h-2v1h2V15zm5 0l-1-6h1.5l.75 4.5L15 9h1.5l-1 6zm5 0q-.425 0-.712-.288T17 14v-4q0-.425.288-.712T18 9h2q.425 0 .713.288T21 10v1h-1.5v-.5h-1v3h1V13H21v1q0 .425-.288.713T20 15z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 15V9h1.5v2h1V9H7v6H5.5v-2.5h-1V15zm5 0V9h3.5v1.5h-2v.5h2v1.5h-2v1h2V15zm5 0l-1-6h1.5l.75 4.5L15 9h1.5l-1 6zm5 0q-.425 0-.712-.288T17 14v-4q0-.425.288-.712T18 9h2q.425 0 .713.288T21 10v1h-1.5v-.5h-1v3h1V13H21v1q0 .425-.288.713T20 15z"/></svg>
</template>

CSS

.icon-hevc {
  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%22M3%2015V9h1.5v2h1V9H7v6H5.5v-2.5h-1V15zm5%200V9h3.5v1.5h-2v.5h2v1.5h-2v1h2V15zm5%200l-1-6h1.5l.75%204.5L15%209h1.5l-1%206zm5%200q-.425%200-.712-.288T17%2014v-4q0-.425.288-.712T18%209h2q.425%200%20.713.288T21%2010v1h-1.5v-.5h-1v3h1V13H21v1q0%20.425-.288.713T20%2015z%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%22M3%2015V9h1.5v2h1V9H7v6H5.5v-2.5h-1V15zm5%200V9h3.5v1.5h-2v.5h2v1.5h-2v1h2V15zm5%200l-1-6h1.5l.75%204.5L15%209h1.5l-1%206zm5%200q-.425%200-.712-.288T17%2014v-4q0-.425.288-.712T18%209h2q.425%200%20.713.288T21%2010v1h-1.5v-.5h-1v3h1V13H21v1q0%20.425-.288.713T20%2015z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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