television emoji
television from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- television
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the television emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#3e4347"><path d="M17 62H5.8c0-2.6 2.5-4.7 5.6-4.7S17 59.4 17 62m41.2 0H47c0-2.6 2.5-4.7 5.6-4.7s5.6 2.1 5.6 4.7M18.59 3.758l.636-.636l15.903 15.916l-.637.636z"/><circle cx="19" cy="3.4" r="1.4"/><path d="m28.78 19.017l15.909-15.91l.636.637l-15.91 15.91z"/><circle cx="45" cy="3.4" r="1.4"/><ellipse cx="32" cy="15.1" rx="8" ry="4.7"/></g><path fill="#c28fef" d="M59.1 57.1c-5.2 6.6-47.5 6.4-53.7 0c-4.6-4.7-4.6-32.5 0-37.2c6.2-6.4 48.5-6.6 53.7 0c3.9 5 3.9 32.3 0 37.2"/><g fill="#3e4347"><path d="M49.5 52.7c-3.9 5-35.6 4.9-40.3 0c-3.4-3.6-3.4-24.7 0-28.2c4.7-4.9 36.4-5 40.3 0c2.9 3.7 2.9 24.5 0 28.2"/><circle cx="56.4" cy="29.2" r="2.8"/><circle cx="56.4" cy="37.6" r="2.8"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneTelevision(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#3e4347"><path d="M17 62H5.8c0-2.6 2.5-4.7 5.6-4.7S17 59.4 17 62m41.2 0H47c0-2.6 2.5-4.7 5.6-4.7s5.6 2.1 5.6 4.7M18.59 3.758l.636-.636l15.903 15.916l-.637.636z"/><circle cx="19" cy="3.4" r="1.4"/><path d="m28.78 19.017l15.909-15.91l.636.637l-15.91 15.91z"/><circle cx="45" cy="3.4" r="1.4"/><ellipse cx="32" cy="15.1" rx="8" ry="4.7"/></g><path fill="#c28fef" d="M59.1 57.1c-5.2 6.6-47.5 6.4-53.7 0c-4.6-4.7-4.6-32.5 0-37.2c6.2-6.4 48.5-6.6 53.7 0c3.9 5 3.9 32.3 0 37.2"/><g fill="#3e4347"><path d="M49.5 52.7c-3.9 5-35.6 4.9-40.3 0c-3.4-3.6-3.4-24.7 0-28.2c4.7-4.9 36.4-5 40.3 0c2.9 3.7 2.9 24.5 0 28.2"/><circle cx="56.4" cy="29.2" r="2.8"/><circle cx="56.4" cy="37.6" r="2.8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#3e4347"><path d="M17 62H5.8c0-2.6 2.5-4.7 5.6-4.7S17 59.4 17 62m41.2 0H47c0-2.6 2.5-4.7 5.6-4.7s5.6 2.1 5.6 4.7M18.59 3.758l.636-.636l15.903 15.916l-.637.636z"/><circle cx="19" cy="3.4" r="1.4"/><path d="m28.78 19.017l15.909-15.91l.636.637l-15.91 15.91z"/><circle cx="45" cy="3.4" r="1.4"/><ellipse cx="32" cy="15.1" rx="8" ry="4.7"/></g><path fill="#c28fef" d="M59.1 57.1c-5.2 6.6-47.5 6.4-53.7 0c-4.6-4.7-4.6-32.5 0-37.2c6.2-6.4 48.5-6.6 53.7 0c3.9 5 3.9 32.3 0 37.2"/><g fill="#3e4347"><path d="M49.5 52.7c-3.9 5-35.6 4.9-40.3 0c-3.4-3.6-3.4-24.7 0-28.2c4.7-4.9 36.4-5 40.3 0c2.9 3.7 2.9 24.5 0 28.2"/><circle cx="56.4" cy="29.2" r="2.8"/><circle cx="56.4" cy="37.6" r="2.8"/></g></svg> </template>
CSS
.icon-television {
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%2064%2064%22%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M17%2062H5.8c0-2.6%202.5-4.7%205.6-4.7S17%2059.4%2017%2062m41.2%200H47c0-2.6%202.5-4.7%205.6-4.7s5.6%202.1%205.6%204.7M18.59%203.758l.636-.636l15.903%2015.916l-.637.636z%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%223.4%22%20r%3D%221.4%22%2F%3E%3Cpath%20d%3D%22m28.78%2019.017l15.909-15.91l.636.637l-15.91%2015.91z%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%223.4%22%20r%3D%221.4%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2215.1%22%20rx%3D%228%22%20ry%3D%224.7%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23c28fef%22%20d%3D%22M59.1%2057.1c-5.2%206.6-47.5%206.4-53.7%200c-4.6-4.7-4.6-32.5%200-37.2c6.2-6.4%2048.5-6.6%2053.7%200c3.9%205%203.9%2032.3%200%2037.2%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M49.5%2052.7c-3.9%205-35.6%204.9-40.3%200c-3.4-3.6-3.4-24.7%200-28.2c4.7-4.9%2036.4-5%2040.3%200c2.9%203.7%202.9%2024.5%200%2028.2%22%2F%3E%3Ccircle%20cx%3D%2256.4%22%20cy%3D%2229.2%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2256.4%22%20cy%3D%2237.6%22%20r%3D%222.8%22%2F%3E%3C%2Fg%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%2064%2064%22%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M17%2062H5.8c0-2.6%202.5-4.7%205.6-4.7S17%2059.4%2017%2062m41.2%200H47c0-2.6%202.5-4.7%205.6-4.7s5.6%202.1%205.6%204.7M18.59%203.758l.636-.636l15.903%2015.916l-.637.636z%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%223.4%22%20r%3D%221.4%22%2F%3E%3Cpath%20d%3D%22m28.78%2019.017l15.909-15.91l.636.637l-15.91%2015.91z%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%223.4%22%20r%3D%221.4%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2215.1%22%20rx%3D%228%22%20ry%3D%224.7%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23c28fef%22%20d%3D%22M59.1%2057.1c-5.2%206.6-47.5%206.4-53.7%200c-4.6-4.7-4.6-32.5%200-37.2c6.2-6.4%2048.5-6.6%2053.7%200c3.9%205%203.9%2032.3%200%2037.2%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M49.5%2052.7c-3.9%205-35.6%204.9-40.3%200c-3.4-3.6-3.4-24.7%200-28.2c4.7-4.9%2036.4-5%2040.3%200c2.9%203.7%202.9%2024.5%200%2028.2%22%2F%3E%3Ccircle%20cx%3D%2256.4%22%20cy%3D%2229.2%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2256.4%22%20cy%3D%2237.6%22%20r%3D%222.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/television.svg?color=%231a73e8&size=48
