television icon
television-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- television-thin
- Set
- Phosphor
- Style
- Thin
- 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 68h-78.34l41.17-41.17a4 4 0 1 0-5.66-5.66L128 66.34L82.83 21.17a4 4 0 0 0-5.66 5.66L118.34 68H40a12 12 0 0 0-12 12v120a12 12 0 0 0 12 12h176a12 12 0 0 0 12-12V80a12 12 0 0 0-12-12M36 200V80a4 4 0 0 1 4-4h108v128H40a4 4 0 0 1-4-4m184 0a4 4 0 0 1-4 4h-60V76h60a4 4 0 0 1 4 4Zm-24-84a8 8 0 1 1-8-8a8 8 0 0 1 8 8m0 48a8 8 0 1 1-8-8a8 8 0 0 1 8 8"/></svg>
React
import type { SVGProps } from "react";
export function PhTelevisionThin(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 68h-78.34l41.17-41.17a4 4 0 1 0-5.66-5.66L128 66.34L82.83 21.17a4 4 0 0 0-5.66 5.66L118.34 68H40a12 12 0 0 0-12 12v120a12 12 0 0 0 12 12h176a12 12 0 0 0 12-12V80a12 12 0 0 0-12-12M36 200V80a4 4 0 0 1 4-4h108v128H40a4 4 0 0 1-4-4m184 0a4 4 0 0 1-4 4h-60V76h60a4 4 0 0 1 4 4Zm-24-84a8 8 0 1 1-8-8a8 8 0 0 1 8 8m0 48a8 8 0 1 1-8-8a8 8 0 0 1 8 8"/></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 68h-78.34l41.17-41.17a4 4 0 1 0-5.66-5.66L128 66.34L82.83 21.17a4 4 0 0 0-5.66 5.66L118.34 68H40a12 12 0 0 0-12 12v120a12 12 0 0 0 12 12h176a12 12 0 0 0 12-12V80a12 12 0 0 0-12-12M36 200V80a4 4 0 0 1 4-4h108v128H40a4 4 0 0 1-4-4m184 0a4 4 0 0 1-4 4h-60V76h60a4 4 0 0 1 4 4Zm-24-84a8 8 0 1 1-8-8a8 8 0 0 1 8 8m0 48a8 8 0 1 1-8-8a8 8 0 0 1 8 8"/></svg> </template>
CSS
.icon-television-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%22M216%2068h-78.34l41.17-41.17a4%204%200%201%200-5.66-5.66L128%2066.34L82.83%2021.17a4%204%200%200%200-5.66%205.66L118.34%2068H40a12%2012%200%200%200-12%2012v120a12%2012%200%200%200%2012%2012h176a12%2012%200%200%200%2012-12V80a12%2012%200%200%200-12-12M36%20200V80a4%204%200%200%201%204-4h108v128H40a4%204%200%200%201-4-4m184%200a4%204%200%200%201-4%204h-60V76h60a4%204%200%200%201%204%204Zm-24-84a8%208%200%201%201-8-8a8%208%200%200%201%208%208m0%2048a8%208%200%201%201-8-8a8%208%200%200%201%208%208%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%2068h-78.34l41.17-41.17a4%204%200%201%200-5.66-5.66L128%2066.34L82.83%2021.17a4%204%200%200%200-5.66%205.66L118.34%2068H40a12%2012%200%200%200-12%2012v120a12%2012%200%200%200%2012%2012h176a12%2012%200%200%200%2012-12V80a12%2012%200%200%200-12-12M36%20200V80a4%204%200%200%201%204-4h108v128H40a4%204%200%200%201-4-4m184%200a4%204%200%200%201-4%204h-60V76h60a4%204%200%200%201%204%204Zm-24-84a8%208%200%201%201-8-8a8%208%200%200%201%208%208m0%2048a8%208%200%201%201-8-8a8%208%200%200%201%208%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/television-thin.svg?color=%231a73e8&size=48
