videocassette emoji
videocassette from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- videocassette
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the videocassette emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M36 25s0 4-4 4H4s-4 0-4-4V10c0-4 4-4 4-4h28s4 0 4 4z"/><path fill="#ccd6dd" d="M32 12h-6s-1 0-1 1v8s0 1 1 1h6c1 0 2-2 2-5s-1-5-2-5"/><path d="M29.894 12H26s-1 0-1 1v1a3 3 0 0 1 0 6v1s0 1 1 1h3.895A6.97 6.97 0 0 0 32 17a6.98 6.98 0 0 0-2.106-5"/><path fill="#66757f" d="M28 17a3 3 0 0 0-3-3v6a3 3 0 0 0 3-3"/><path fill="#ccd6dd" d="M4 12h6s1 0 1 1v8s0 1-1 1H4c-1 0-2-2-2-5s1-5 2-5"/><path d="M11 20a3 3 0 1 1 0-6v-1c0-1-1-1-1-1H6.106C4.808 13.271 4 15.04 4 17s.808 3.729 2.106 5H10c1 0 1-1 1-1z"/><path fill="#66757f" d="M8 17a3 3 0 0 0 3 3v-6a3 3 0 0 0-3 3"/><path fill="#88c9f9" d="M13 14s0-1 1-1h8s1 0 1 1v6s0 1-1 1h-8s-1 0-1-1z"/><path d="M34 26a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h30a1 1 0 0 1 1 1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiVideocassette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M36 25s0 4-4 4H4s-4 0-4-4V10c0-4 4-4 4-4h28s4 0 4 4z"/><path fill="#ccd6dd" d="M32 12h-6s-1 0-1 1v8s0 1 1 1h6c1 0 2-2 2-5s-1-5-2-5"/><path d="M29.894 12H26s-1 0-1 1v1a3 3 0 0 1 0 6v1s0 1 1 1h3.895A6.97 6.97 0 0 0 32 17a6.98 6.98 0 0 0-2.106-5"/><path fill="#66757f" d="M28 17a3 3 0 0 0-3-3v6a3 3 0 0 0 3-3"/><path fill="#ccd6dd" d="M4 12h6s1 0 1 1v8s0 1-1 1H4c-1 0-2-2-2-5s1-5 2-5"/><path d="M11 20a3 3 0 1 1 0-6v-1c0-1-1-1-1-1H6.106C4.808 13.271 4 15.04 4 17s.808 3.729 2.106 5H10c1 0 1-1 1-1z"/><path fill="#66757f" d="M8 17a3 3 0 0 0 3 3v-6a3 3 0 0 0-3 3"/><path fill="#88c9f9" d="M13 14s0-1 1-1h8s1 0 1 1v6s0 1-1 1h-8s-1 0-1-1z"/><path d="M34 26a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h30a1 1 0 0 1 1 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M36 25s0 4-4 4H4s-4 0-4-4V10c0-4 4-4 4-4h28s4 0 4 4z"/><path fill="#ccd6dd" d="M32 12h-6s-1 0-1 1v8s0 1 1 1h6c1 0 2-2 2-5s-1-5-2-5"/><path d="M29.894 12H26s-1 0-1 1v1a3 3 0 0 1 0 6v1s0 1 1 1h3.895A6.97 6.97 0 0 0 32 17a6.98 6.98 0 0 0-2.106-5"/><path fill="#66757f" d="M28 17a3 3 0 0 0-3-3v6a3 3 0 0 0 3-3"/><path fill="#ccd6dd" d="M4 12h6s1 0 1 1v8s0 1-1 1H4c-1 0-2-2-2-5s1-5 2-5"/><path d="M11 20a3 3 0 1 1 0-6v-1c0-1-1-1-1-1H6.106C4.808 13.271 4 15.04 4 17s.808 3.729 2.106 5H10c1 0 1-1 1-1z"/><path fill="#66757f" d="M8 17a3 3 0 0 0 3 3v-6a3 3 0 0 0-3 3"/><path fill="#88c9f9" d="M13 14s0-1 1-1h8s1 0 1 1v6s0 1-1 1h-8s-1 0-1-1z"/><path d="M34 26a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h30a1 1 0 0 1 1 1"/></svg> </template>
CSS
.icon-videocassette {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M36%2025s0%204-4%204H4s-4%200-4-4V10c0-4%204-4%204-4h28s4%200%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M32%2012h-6s-1%200-1%201v8s0%201%201%201h6c1%200%202-2%202-5s-1-5-2-5%22%2F%3E%3Cpath%20d%3D%22M29.894%2012H26s-1%200-1%201v1a3%203%200%200%201%200%206v1s0%201%201%201h3.895A6.97%206.97%200%200%200%2032%2017a6.98%206.98%200%200%200-2.106-5%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M28%2017a3%203%200%200%200-3-3v6a3%203%200%200%200%203-3%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4%2012h6s1%200%201%201v8s0%201-1%201H4c-1%200-2-2-2-5s1-5%202-5%22%2F%3E%3Cpath%20d%3D%22M11%2020a3%203%200%201%201%200-6v-1c0-1-1-1-1-1H6.106C4.808%2013.271%204%2015.04%204%2017s.808%203.729%202.106%205H10c1%200%201-1%201-1z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M8%2017a3%203%200%200%200%203%203v-6a3%203%200%200%200-3%203%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M13%2014s0-1%201-1h8s1%200%201%201v6s0%201-1%201h-8s-1%200-1-1z%22%2F%3E%3Cpath%20d%3D%22M34%2026a1%201%200%200%201-1%201H3a1%201%200%201%201%200-2h30a1%201%200%200%201%201%201%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M36%2025s0%204-4%204H4s-4%200-4-4V10c0-4%204-4%204-4h28s4%200%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M32%2012h-6s-1%200-1%201v8s0%201%201%201h6c1%200%202-2%202-5s-1-5-2-5%22%2F%3E%3Cpath%20d%3D%22M29.894%2012H26s-1%200-1%201v1a3%203%200%200%201%200%206v1s0%201%201%201h3.895A6.97%206.97%200%200%200%2032%2017a6.98%206.98%200%200%200-2.106-5%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M28%2017a3%203%200%200%200-3-3v6a3%203%200%200%200%203-3%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M4%2012h6s1%200%201%201v8s0%201-1%201H4c-1%200-2-2-2-5s1-5%202-5%22%2F%3E%3Cpath%20d%3D%22M11%2020a3%203%200%201%201%200-6v-1c0-1-1-1-1-1H6.106C4.808%2013.271%204%2015.04%204%2017s.808%203.729%202.106%205H10c1%200%201-1%201-1z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M8%2017a3%203%200%200%200%203%203v-6a3%203%200%200%200-3%203%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M13%2014s0-1%201-1h8s1%200%201%201v6s0%201-1%201h-8s-1%200-1-1z%22%2F%3E%3Cpath%20d%3D%22M34%2026a1%201%200%200%201-1%201H3a1%201%200%201%201%200-2h30a1%201%200%200%201%201%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/videocassette.svg?color=%231a73e8&size=48
