television icon
television-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- television-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
televisionEmoji One (Colored)televisionFont Awesome SolidtelevisionFluent EmojitelevisionFluent Emoji FlattelevisionFluent Emoji High ContrasttelevisionFirefox OS EmojitelevisionMage IconstelevisionMaterial Design IconstelevisionNoto EmojitelevisionOpenMojitelevisionStreamline EmojistelevisionTwitter Emoji
Related icons in Phosphor
Use the television icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 66h-73.52l37.76-37.76a6 6 0 0 0-8.48-8.48L128 63.51L84.24 19.76a6 6 0 1 0-8.48 8.48L113.52 66H40a14 14 0 0 0-14 14v120a14 14 0 0 0 14 14h176a14 14 0 0 0 14-14V80a14 14 0 0 0-14-14M38 200V80a2 2 0 0 1 2-2h106v124H40a2 2 0 0 1-2-2m180 0a2 2 0 0 1-2 2h-58V78h58a2 2 0 0 1 2 2Zm-20-84a10 10 0 1 1-10-10a10 10 0 0 1 10 10m0 48a10 10 0 1 1-10-10a10 10 0 0 1 10 10"/></svg>
React
import type { SVGProps } from "react";
export function PhTelevisionLight(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="M216 66h-73.52l37.76-37.76a6 6 0 0 0-8.48-8.48L128 63.51L84.24 19.76a6 6 0 1 0-8.48 8.48L113.52 66H40a14 14 0 0 0-14 14v120a14 14 0 0 0 14 14h176a14 14 0 0 0 14-14V80a14 14 0 0 0-14-14M38 200V80a2 2 0 0 1 2-2h106v124H40a2 2 0 0 1-2-2m180 0a2 2 0 0 1-2 2h-58V78h58a2 2 0 0 1 2 2Zm-20-84a10 10 0 1 1-10-10a10 10 0 0 1 10 10m0 48a10 10 0 1 1-10-10a10 10 0 0 1 10 10"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 66h-73.52l37.76-37.76a6 6 0 0 0-8.48-8.48L128 63.51L84.24 19.76a6 6 0 1 0-8.48 8.48L113.52 66H40a14 14 0 0 0-14 14v120a14 14 0 0 0 14 14h176a14 14 0 0 0 14-14V80a14 14 0 0 0-14-14M38 200V80a2 2 0 0 1 2-2h106v124H40a2 2 0 0 1-2-2m180 0a2 2 0 0 1-2 2h-58V78h58a2 2 0 0 1 2 2Zm-20-84a10 10 0 1 1-10-10a10 10 0 0 1 10 10m0 48a10 10 0 1 1-10-10a10 10 0 0 1 10 10"/></svg> </template>
CSS
.icon-television-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%22M216%2066h-73.52l37.76-37.76a6%206%200%200%200-8.48-8.48L128%2063.51L84.24%2019.76a6%206%200%201%200-8.48%208.48L113.52%2066H40a14%2014%200%200%200-14%2014v120a14%2014%200%200%200%2014%2014h176a14%2014%200%200%200%2014-14V80a14%2014%200%200%200-14-14M38%20200V80a2%202%200%200%201%202-2h106v124H40a2%202%200%200%201-2-2m180%200a2%202%200%200%201-2%202h-58V78h58a2%202%200%200%201%202%202Zm-20-84a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m0%2048a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010%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%22M216%2066h-73.52l37.76-37.76a6%206%200%200%200-8.48-8.48L128%2063.51L84.24%2019.76a6%206%200%201%200-8.48%208.48L113.52%2066H40a14%2014%200%200%200-14%2014v120a14%2014%200%200%200%2014%2014h176a14%2014%200%200%200%2014-14V80a14%2014%200%200%200-14-14M38%20200V80a2%202%200%200%201%202-2h106v124H40a2%202%200%200%201-2-2m180%200a2%202%200%200%201-2%202h-58V78h58a2%202%200%200%201%202%202Zm-20-84a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m0%2048a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/television-light.svg?color=%231a73e8&size=48
