standard definition icon
standard-definition-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- standard-definition-light
- Set
- Phosphor
- Style
- Light
- 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="M144 74a6 6 0 0 0-6 6v96a6 6 0 0 0 6 6h24a54 54 0 0 0 0-108Zm66 54a42 42 0 0 1-42 42h-18V86h18a42 42 0 0 1 42 42M26 48a6 6 0 0 1 6-6h192a6 6 0 0 1 0 12H32a6 6 0 0 1-6-6m204 160a6 6 0 0 1-6 6H32a6 6 0 0 1 0-12h192a6 6 0 0 1 6 6m-124-56c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1 15.57-30 36.22-30c15 0 27.74 6.88 33.34 18a6 6 0 0 1-10.71 5.42C99.08 90.36 90.41 86 80 86c-13.81 0-24.22 7.74-24.22 18c0 8.41 9.52 11.76 25.21 16.29C97.48 125 118 131 118 152c0 16.54-17 30-38 30s-38-13.46-38-30a6 6 0 0 1 12 0c0 9.76 11.91 18 26 18s26-8.24 26-18"/></svg>
React
import type { SVGProps } from "react";
export function PhStandardDefinitionLight(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="M144 74a6 6 0 0 0-6 6v96a6 6 0 0 0 6 6h24a54 54 0 0 0 0-108Zm66 54a42 42 0 0 1-42 42h-18V86h18a42 42 0 0 1 42 42M26 48a6 6 0 0 1 6-6h192a6 6 0 0 1 0 12H32a6 6 0 0 1-6-6m204 160a6 6 0 0 1-6 6H32a6 6 0 0 1 0-12h192a6 6 0 0 1 6 6m-124-56c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1 15.57-30 36.22-30c15 0 27.74 6.88 33.34 18a6 6 0 0 1-10.71 5.42C99.08 90.36 90.41 86 80 86c-13.81 0-24.22 7.74-24.22 18c0 8.41 9.52 11.76 25.21 16.29C97.48 125 118 131 118 152c0 16.54-17 30-38 30s-38-13.46-38-30a6 6 0 0 1 12 0c0 9.76 11.91 18 26 18s26-8.24 26-18"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M144 74a6 6 0 0 0-6 6v96a6 6 0 0 0 6 6h24a54 54 0 0 0 0-108Zm66 54a42 42 0 0 1-42 42h-18V86h18a42 42 0 0 1 42 42M26 48a6 6 0 0 1 6-6h192a6 6 0 0 1 0 12H32a6 6 0 0 1-6-6m204 160a6 6 0 0 1-6 6H32a6 6 0 0 1 0-12h192a6 6 0 0 1 6 6m-124-56c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1 15.57-30 36.22-30c15 0 27.74 6.88 33.34 18a6 6 0 0 1-10.71 5.42C99.08 90.36 90.41 86 80 86c-13.81 0-24.22 7.74-24.22 18c0 8.41 9.52 11.76 25.21 16.29C97.48 125 118 131 118 152c0 16.54-17 30-38 30s-38-13.46-38-30a6 6 0 0 1 12 0c0 9.76 11.91 18 26 18s26-8.24 26-18"/></svg> </template>
CSS
.icon-standard-definition-light {
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%22M144%2074a6%206%200%200%200-6%206v96a6%206%200%200%200%206%206h24a54%2054%200%200%200%200-108Zm66%2054a42%2042%200%200%201-42%2042h-18V86h18a42%2042%200%200%201%2042%2042M26%2048a6%206%200%200%201%206-6h192a6%206%200%200%201%200%2012H32a6%206%200%200%201-6-6m204%20160a6%206%200%200%201-6%206H32a6%206%200%200%201%200-12h192a6%206%200%200%201%206%206m-124-56c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1%2015.57-30%2036.22-30c15%200%2027.74%206.88%2033.34%2018a6%206%200%200%201-10.71%205.42C99.08%2090.36%2090.41%2086%2080%2086c-13.81%200-24.22%207.74-24.22%2018c0%208.41%209.52%2011.76%2025.21%2016.29C97.48%20125%20118%20131%20118%20152c0%2016.54-17%2030-38%2030s-38-13.46-38-30a6%206%200%200%201%2012%200c0%209.76%2011.91%2018%2026%2018s26-8.24%2026-18%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%22M144%2074a6%206%200%200%200-6%206v96a6%206%200%200%200%206%206h24a54%2054%200%200%200%200-108Zm66%2054a42%2042%200%200%201-42%2042h-18V86h18a42%2042%200%200%201%2042%2042M26%2048a6%206%200%200%201%206-6h192a6%206%200%200%201%200%2012H32a6%206%200%200%201-6-6m204%20160a6%206%200%200%201-6%206H32a6%206%200%200%201%200-12h192a6%206%200%200%201%206%206m-124-56c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1%2015.57-30%2036.22-30c15%200%2027.74%206.88%2033.34%2018a6%206%200%200%201-10.71%205.42C99.08%2090.36%2090.41%2086%2080%2086c-13.81%200-24.22%207.74-24.22%2018c0%208.41%209.52%2011.76%2025.21%2016.29C97.48%20125%20118%20131%20118%20152c0%2016.54-17%2030-38%2030s-38-13.46-38-30a6%206%200%200%201%2012%200c0%209.76%2011.91%2018%2026%2018s26-8.24%2026-18%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/standard-definition-light.svg?color=%231a73e8&size=48
