standard definition icon
standard-definition from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- standard-definition
- Set
- Phosphor
- Style
- Regular
- 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 72a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h24a56 56 0 0 0 0-112Zm64 56a40 40 0 0 1-40 40h-16V88h16a40 40 0 0 1 40 40M24 48a8 8 0 0 1 8-8h192a8 8 0 0 1 0 16H32a8 8 0 0 1-8-8m208 160a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8m-128-56c0-9.48-8.61-13-26.88-18.26c-15.75-4.54-35.34-10.19-35.34-29.74c0-18.24 16.43-32 38.22-32c15.72 0 29.18 7.3 35.12 19a8 8 0 1 1-14.27 7.22C97.64 91.93 89.65 88 80 88c-12.67 0-22.22 6.88-22.22 16c0 7 9 10.1 23.77 14.36C97.78 123 120 129.45 120 152c0 17.64-17.94 32-40 32s-40-14.36-40-32a8 8 0 0 1 16 0c0 8.67 11 16 24 16s24-7.33 24-16"/></svg>
React
import type { SVGProps } from "react";
export function PhStandardDefinition(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 72a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h24a56 56 0 0 0 0-112Zm64 56a40 40 0 0 1-40 40h-16V88h16a40 40 0 0 1 40 40M24 48a8 8 0 0 1 8-8h192a8 8 0 0 1 0 16H32a8 8 0 0 1-8-8m208 160a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8m-128-56c0-9.48-8.61-13-26.88-18.26c-15.75-4.54-35.34-10.19-35.34-29.74c0-18.24 16.43-32 38.22-32c15.72 0 29.18 7.3 35.12 19a8 8 0 1 1-14.27 7.22C97.64 91.93 89.65 88 80 88c-12.67 0-22.22 6.88-22.22 16c0 7 9 10.1 23.77 14.36C97.78 123 120 129.45 120 152c0 17.64-17.94 32-40 32s-40-14.36-40-32a8 8 0 0 1 16 0c0 8.67 11 16 24 16s24-7.33 24-16"/></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 72a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h24a56 56 0 0 0 0-112Zm64 56a40 40 0 0 1-40 40h-16V88h16a40 40 0 0 1 40 40M24 48a8 8 0 0 1 8-8h192a8 8 0 0 1 0 16H32a8 8 0 0 1-8-8m208 160a8 8 0 0 1-8 8H32a8 8 0 0 1 0-16h192a8 8 0 0 1 8 8m-128-56c0-9.48-8.61-13-26.88-18.26c-15.75-4.54-35.34-10.19-35.34-29.74c0-18.24 16.43-32 38.22-32c15.72 0 29.18 7.3 35.12 19a8 8 0 1 1-14.27 7.22C97.64 91.93 89.65 88 80 88c-12.67 0-22.22 6.88-22.22 16c0 7 9 10.1 23.77 14.36C97.78 123 120 129.45 120 152c0 17.64-17.94 32-40 32s-40-14.36-40-32a8 8 0 0 1 16 0c0 8.67 11 16 24 16s24-7.33 24-16"/></svg> </template>
CSS
.icon-standard-definition {
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%2072a8%208%200%200%200-8%208v96a8%208%200%200%200%208%208h24a56%2056%200%200%200%200-112Zm64%2056a40%2040%200%200%201-40%2040h-16V88h16a40%2040%200%200%201%2040%2040M24%2048a8%208%200%200%201%208-8h192a8%208%200%200%201%200%2016H32a8%208%200%200%201-8-8m208%20160a8%208%200%200%201-8%208H32a8%208%200%200%201%200-16h192a8%208%200%200%201%208%208m-128-56c0-9.48-8.61-13-26.88-18.26c-15.75-4.54-35.34-10.19-35.34-29.74c0-18.24%2016.43-32%2038.22-32c15.72%200%2029.18%207.3%2035.12%2019a8%208%200%201%201-14.27%207.22C97.64%2091.93%2089.65%2088%2080%2088c-12.67%200-22.22%206.88-22.22%2016c0%207%209%2010.1%2023.77%2014.36C97.78%20123%20120%20129.45%20120%20152c0%2017.64-17.94%2032-40%2032s-40-14.36-40-32a8%208%200%200%201%2016%200c0%208.67%2011%2016%2024%2016s24-7.33%2024-16%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%2072a8%208%200%200%200-8%208v96a8%208%200%200%200%208%208h24a56%2056%200%200%200%200-112Zm64%2056a40%2040%200%200%201-40%2040h-16V88h16a40%2040%200%200%201%2040%2040M24%2048a8%208%200%200%201%208-8h192a8%208%200%200%201%200%2016H32a8%208%200%200%201-8-8m208%20160a8%208%200%200%201-8%208H32a8%208%200%200%201%200-16h192a8%208%200%200%201%208%208m-128-56c0-9.48-8.61-13-26.88-18.26c-15.75-4.54-35.34-10.19-35.34-29.74c0-18.24%2016.43-32%2038.22-32c15.72%200%2029.18%207.3%2035.12%2019a8%208%200%201%201-14.27%207.22C97.64%2091.93%2089.65%2088%2080%2088c-12.67%200-22.22%206.88-22.22%2016c0%207%209%2010.1%2023.77%2014.36C97.78%20123%20120%20129.45%20120%20152c0%2017.64-17.94%2032-40%2032s-40-14.36-40-32a8%208%200%200%201%2016%200c0%208.67%2011%2016%2024%2016s24-7.33%2024-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/standard-definition.svg?color=%231a73e8&size=48
