standard definition icon
standard-definition-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- standard-definition-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the standard definition icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M192 128a32 32 0 0 1-32 32h-8V96h8a32 32 0 0 1 32 32m40-72v144a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-112 92c0-19.88-19.92-25.35-34.47-29.34c-12.06-3.31-20-5.84-20-10.66c0-6.73 8.1-12 18.44-12c8 0 14.85 3.13 17.42 8a8 8 0 1 0 14.13-7.51C110.16 86.31 98.07 80 84 80c-19.64 0-34.44 12-34.44 28c0 17.38 17.6 22.21 31.74 26.09c16 4.39 22.7 7.3 22.7 13.91c0 5.68-8.21 12-20 12s-20-6.32-20-12a8 8 0 0 0-16 0c0 15.7 15.81 28 36 28s36-12.3 36-28m88-20a48.05 48.05 0 0 0-48-48h-16a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8h16a48.05 48.05 0 0 0 48-48"/></svg>
React
import type { SVGProps } from "react";
export function PhStandardDefinitionFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M192 128a32 32 0 0 1-32 32h-8V96h8a32 32 0 0 1 32 32m40-72v144a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-112 92c0-19.88-19.92-25.35-34.47-29.34c-12.06-3.31-20-5.84-20-10.66c0-6.73 8.1-12 18.44-12c8 0 14.85 3.13 17.42 8a8 8 0 1 0 14.13-7.51C110.16 86.31 98.07 80 84 80c-19.64 0-34.44 12-34.44 28c0 17.38 17.6 22.21 31.74 26.09c16 4.39 22.7 7.3 22.7 13.91c0 5.68-8.21 12-20 12s-20-6.32-20-12a8 8 0 0 0-16 0c0 15.7 15.81 28 36 28s36-12.3 36-28m88-20a48.05 48.05 0 0 0-48-48h-16a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8h16a48.05 48.05 0 0 0 48-48"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M192 128a32 32 0 0 1-32 32h-8V96h8a32 32 0 0 1 32 32m40-72v144a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-112 92c0-19.88-19.92-25.35-34.47-29.34c-12.06-3.31-20-5.84-20-10.66c0-6.73 8.1-12 18.44-12c8 0 14.85 3.13 17.42 8a8 8 0 1 0 14.13-7.51C110.16 86.31 98.07 80 84 80c-19.64 0-34.44 12-34.44 28c0 17.38 17.6 22.21 31.74 26.09c16 4.39 22.7 7.3 22.7 13.91c0 5.68-8.21 12-20 12s-20-6.32-20-12a8 8 0 0 0-16 0c0 15.7 15.81 28 36 28s36-12.3 36-28m88-20a48.05 48.05 0 0 0-48-48h-16a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8h16a48.05 48.05 0 0 0 48-48"/></svg> </template>
CSS
.icon-standard-definition-fill {
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%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%20128a32%2032%200%200%201-32%2032h-8V96h8a32%2032%200%200%201%2032%2032m40-72v144a16%2016%200%200%201-16%2016H40a16%2016%200%200%201-16-16V56a16%2016%200%200%201%2016-16h176a16%2016%200%200%201%2016%2016m-112%2092c0-19.88-19.92-25.35-34.47-29.34c-12.06-3.31-20-5.84-20-10.66c0-6.73%208.1-12%2018.44-12c8%200%2014.85%203.13%2017.42%208a8%208%200%201%200%2014.13-7.51C110.16%2086.31%2098.07%2080%2084%2080c-19.64%200-34.44%2012-34.44%2028c0%2017.38%2017.6%2022.21%2031.74%2026.09c16%204.39%2022.7%207.3%2022.7%2013.91c0%205.68-8.21%2012-20%2012s-20-6.32-20-12a8%208%200%200%200-16%200c0%2015.7%2015.81%2028%2036%2028s36-12.3%2036-28m88-20a48.05%2048.05%200%200%200-48-48h-16a8%208%200%200%200-8%208v80a8%208%200%200%200%208%208h16a48.05%2048.05%200%200%200%2048-48%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%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%20128a32%2032%200%200%201-32%2032h-8V96h8a32%2032%200%200%201%2032%2032m40-72v144a16%2016%200%200%201-16%2016H40a16%2016%200%200%201-16-16V56a16%2016%200%200%201%2016-16h176a16%2016%200%200%201%2016%2016m-112%2092c0-19.88-19.92-25.35-34.47-29.34c-12.06-3.31-20-5.84-20-10.66c0-6.73%208.1-12%2018.44-12c8%200%2014.85%203.13%2017.42%208a8%208%200%201%200%2014.13-7.51C110.16%2086.31%2098.07%2080%2084%2080c-19.64%200-34.44%2012-34.44%2028c0%2017.38%2017.6%2022.21%2031.74%2026.09c16%204.39%2022.7%207.3%2022.7%2013.91c0%205.68-8.21%2012-20%2012s-20-6.32-20-12a8%208%200%200%200-16%200c0%2015.7%2015.81%2028%2036%2028s36-12.3%2036-28m88-20a48.05%2048.05%200%200%200-48-48h-16a8%208%200%200%200-8%208v80a8%208%200%200%200%208%208h16a48.05%2048.05%200%200%200%2048-48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/standard-definition-fill.svg?color=%231a73e8&size=48
