television icon
television-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- television-fill
- Set
- Phosphor
- Style
- Fill
- 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 64h-68.69l34.35-34.34a8 8 0 1 0-11.32-11.32L128 60.69L85.66 18.34a8 8 0 0 0-11.32 11.32L108.69 64H40a16 16 0 0 0-16 16v120a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16m0 136h-56V80h56zm-16-84a12 12 0 1 1-12-12a12 12 0 0 1 12 12m0 48a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>
React
import type { SVGProps } from "react";
export function PhTelevisionFill(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 64h-68.69l34.35-34.34a8 8 0 1 0-11.32-11.32L128 60.69L85.66 18.34a8 8 0 0 0-11.32 11.32L108.69 64H40a16 16 0 0 0-16 16v120a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16m0 136h-56V80h56zm-16-84a12 12 0 1 1-12-12a12 12 0 0 1 12 12m0 48a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></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 64h-68.69l34.35-34.34a8 8 0 1 0-11.32-11.32L128 60.69L85.66 18.34a8 8 0 0 0-11.32 11.32L108.69 64H40a16 16 0 0 0-16 16v120a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16m0 136h-56V80h56zm-16-84a12 12 0 1 1-12-12a12 12 0 0 1 12 12m0 48a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg> </template>
CSS
.icon-television-fill {
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%2064h-68.69l34.35-34.34a8%208%200%201%200-11.32-11.32L128%2060.69L85.66%2018.34a8%208%200%200%200-11.32%2011.32L108.69%2064H40a16%2016%200%200%200-16%2016v120a16%2016%200%200%200%2016%2016h176a16%2016%200%200%200%2016-16V80a16%2016%200%200%200-16-16m0%20136h-56V80h56zm-16-84a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m0%2048a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012%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%2064h-68.69l34.35-34.34a8%208%200%201%200-11.32-11.32L128%2060.69L85.66%2018.34a8%208%200%200%200-11.32%2011.32L108.69%2064H40a16%2016%200%200%200-16%2016v120a16%2016%200%200%200%2016%2016h176a16%2016%200%200%200%2016-16V80a16%2016%200%200%200-16-16m0%20136h-56V80h56zm-16-84a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m0%2048a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/television-fill.svg?color=%231a73e8&size=48
