standard definition icon

standard-definition-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: standard-definition-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

standard-definition standard-definition-bold standard-definition-duotone standard-definition-fill standard-definition-light

The same icon in other sets

standard-definitionMaterial Design Icons

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 76a4 4 0 0 0-4 4v96a4 4 0 0 0 4 4h24a52 52 0 0 0 0-104Zm68 52a44.05 44.05 0 0 1-44 44h-20V84h20a44.05 44.05 0 0 1 44 44M28 48a4 4 0 0 1 4-4h192a4 4 0 0 1 0 8H32a4 4 0 0 1-4-4m200 160a4 4 0 0 1-4 4H32a4 4 0 0 1 0-8h192a4 4 0 0 1 4 4m-120-56c0-12.58-11.79-16.92-29.78-22.11C63 125.51 45.78 120.54 45.78 104c0-16 14.71-28 34.22-28c14.21 0 26.3 6.46 31.55 16.85a4 4 0 1 1-7.13 3.61C100.53 88.78 91.17 84 80 84c-15 0-26.22 8.6-26.22 20c0 9.81 10.07 13.43 26.66 18.21S116 132.46 116 152c0 15.44-16.15 28-36 28s-36-12.56-36-28a4 4 0 0 1 8 0c0 11 12.56 20 28 20s28-9 28-20"/></svg>

React

import type { SVGProps } from "react";

export function PhStandardDefinitionThin(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 76a4 4 0 0 0-4 4v96a4 4 0 0 0 4 4h24a52 52 0 0 0 0-104Zm68 52a44.05 44.05 0 0 1-44 44h-20V84h20a44.05 44.05 0 0 1 44 44M28 48a4 4 0 0 1 4-4h192a4 4 0 0 1 0 8H32a4 4 0 0 1-4-4m200 160a4 4 0 0 1-4 4H32a4 4 0 0 1 0-8h192a4 4 0 0 1 4 4m-120-56c0-12.58-11.79-16.92-29.78-22.11C63 125.51 45.78 120.54 45.78 104c0-16 14.71-28 34.22-28c14.21 0 26.3 6.46 31.55 16.85a4 4 0 1 1-7.13 3.61C100.53 88.78 91.17 84 80 84c-15 0-26.22 8.6-26.22 20c0 9.81 10.07 13.43 26.66 18.21S116 132.46 116 152c0 15.44-16.15 28-36 28s-36-12.56-36-28a4 4 0 0 1 8 0c0 11 12.56 20 28 20s28-9 28-20"/></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 76a4 4 0 0 0-4 4v96a4 4 0 0 0 4 4h24a52 52 0 0 0 0-104Zm68 52a44.05 44.05 0 0 1-44 44h-20V84h20a44.05 44.05 0 0 1 44 44M28 48a4 4 0 0 1 4-4h192a4 4 0 0 1 0 8H32a4 4 0 0 1-4-4m200 160a4 4 0 0 1-4 4H32a4 4 0 0 1 0-8h192a4 4 0 0 1 4 4m-120-56c0-12.58-11.79-16.92-29.78-22.11C63 125.51 45.78 120.54 45.78 104c0-16 14.71-28 34.22-28c14.21 0 26.3 6.46 31.55 16.85a4 4 0 1 1-7.13 3.61C100.53 88.78 91.17 84 80 84c-15 0-26.22 8.6-26.22 20c0 9.81 10.07 13.43 26.66 18.21S116 132.46 116 152c0 15.44-16.15 28-36 28s-36-12.56-36-28a4 4 0 0 1 8 0c0 11 12.56 20 28 20s28-9 28-20"/></svg>
</template>

CSS

.icon-standard-definition-thin {
  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%2076a4%204%200%200%200-4%204v96a4%204%200%200%200%204%204h24a52%2052%200%200%200%200-104Zm68%2052a44.05%2044.05%200%200%201-44%2044h-20V84h20a44.05%2044.05%200%200%201%2044%2044M28%2048a4%204%200%200%201%204-4h192a4%204%200%200%201%200%208H32a4%204%200%200%201-4-4m200%20160a4%204%200%200%201-4%204H32a4%204%200%200%201%200-8h192a4%204%200%200%201%204%204m-120-56c0-12.58-11.79-16.92-29.78-22.11C63%20125.51%2045.78%20120.54%2045.78%20104c0-16%2014.71-28%2034.22-28c14.21%200%2026.3%206.46%2031.55%2016.85a4%204%200%201%201-7.13%203.61C100.53%2088.78%2091.17%2084%2080%2084c-15%200-26.22%208.6-26.22%2020c0%209.81%2010.07%2013.43%2026.66%2018.21S116%20132.46%20116%20152c0%2015.44-16.15%2028-36%2028s-36-12.56-36-28a4%204%200%200%201%208%200c0%2011%2012.56%2020%2028%2020s28-9%2028-20%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%2076a4%204%200%200%200-4%204v96a4%204%200%200%200%204%204h24a52%2052%200%200%200%200-104Zm68%2052a44.05%2044.05%200%200%201-44%2044h-20V84h20a44.05%2044.05%200%200%201%2044%2044M28%2048a4%204%200%200%201%204-4h192a4%204%200%200%201%200%208H32a4%204%200%200%201-4-4m200%20160a4%204%200%200%201-4%204H32a4%204%200%200%201%200-8h192a4%204%200%200%201%204%204m-120-56c0-12.58-11.79-16.92-29.78-22.11C63%20125.51%2045.78%20120.54%2045.78%20104c0-16%2014.71-28%2034.22-28c14.21%200%2026.3%206.46%2031.55%2016.85a4%204%200%201%201-7.13%203.61C100.53%2088.78%2091.17%2084%2080%2084c-15%200-26.22%208.6-26.22%2020c0%209.81%2010.07%2013.43%2026.66%2018.21S116%20132.46%20116%20152c0%2015.44-16.15%2028-36%2028s-36-12.56-36-28a4%204%200%200%201%208%200c0%2011%2012.56%2020%2028%2020s28-9%2028-20%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/standard-definition-thin.svg?color=%231a73e8&size=48