videocassette emoji
videocassette from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- videocassette
- 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 videocassette emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M2 14v9c0 .5.5 1 1 1h58c.5 0 1-.5 1-1v-9z"/><path fill="#62727a" d="M60 24v-6H4v6H2v24c0 1.1.9 2 2 2h56c1.1 0 2-.9 2-2V24z"/><path fill="#b2c1c0" d="M53 24H11c-2.2 0-4 4-4 9s1.8 9 4 9h42c2.2 0 4-4 4-9s-1.8-9-4-9"/><path fill="#e8e8e8" d="M53 26H11c-.5.2-2 2.6-2 7s1.5 6.8 2 7h42c.6-.2 2-2.6 2-7s-1.5-6.8-2-7"/><g fill="#3e4347"><circle cx="42" cy="33" r="7"/><path d="M30.5 40c1.6-1.9 2.5-4.3 2.5-7s-.9-5.1-2.5-7h-17c-1.6 1.9-2.5 4.3-2.5 7s.9 5.1 2.5 7z"/></g><circle cx="42" cy="33" r="5" fill="#fff"/><path fill="#b2c1c0" d="m44.7 36.6l-.5-.9c.7-.5 1.2-1.3 1.3-2.2h1c-.2 1.3-.9 2.4-1.8 3.1m0-7.2c1 .7 1.7 1.8 1.8 3.1h-1c-.1-.9-.6-1.7-1.3-2.2z"/><circle cx="22" cy="33" r="5" fill="#fff"/><path fill="#b2c1c0" d="m19.3 36.6l.5-.9c-.7-.5-1.2-1.3-1.3-2.2h-1c.2 1.3.9 2.4 1.8 3.1m0-7.2c-1 .7-1.6 1.8-1.8 3.1h1c.1-.9.6-1.7 1.3-2.2zM22 24h20v18H22z"/><path fill="#42ade2" d="M38 26H26c-1.1 0-2 .9-2 2v2h16v-2c0-1.1-.9-2-2-2"/><path fill="#fff" d="M24 30v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8z"/><path fill="#b2c1c0" d="M26 32h12v2H26zm0 4h12v2H26z"/><path fill="#62727a" d="M22 31c-1.1 0-2 .9-2 2s.9 2 2 2zm20 0c1.1 0 2 .9 2 2s-.9 2-2 2z"/><path fill="#b2c1c0" d="M22 28.5c-.6 0-1.2.1-1.8.4l.5.9c.4-.2.8-.3 1.3-.3zm0 8c-.5 0-.9-.1-1.3-.3l-.5.9c.6.2 1.2.4 1.8.4zm20-8v1c.5 0 .9.1 1.3.3l.5-.9c-.6-.3-1.2-.4-1.8-.4m1.3 7.7c-.4.2-.8.3-1.3.3v1c.6 0 1.2-.1 1.8-.4z"/><path fill="#3e4347" d="m50 26l-2 7.9l.7 1.1l2.3-9z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneVideocassette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M2 14v9c0 .5.5 1 1 1h58c.5 0 1-.5 1-1v-9z"/><path fill="#62727a" d="M60 24v-6H4v6H2v24c0 1.1.9 2 2 2h56c1.1 0 2-.9 2-2V24z"/><path fill="#b2c1c0" d="M53 24H11c-2.2 0-4 4-4 9s1.8 9 4 9h42c2.2 0 4-4 4-9s-1.8-9-4-9"/><path fill="#e8e8e8" d="M53 26H11c-.5.2-2 2.6-2 7s1.5 6.8 2 7h42c.6-.2 2-2.6 2-7s-1.5-6.8-2-7"/><g fill="#3e4347"><circle cx="42" cy="33" r="7"/><path d="M30.5 40c1.6-1.9 2.5-4.3 2.5-7s-.9-5.1-2.5-7h-17c-1.6 1.9-2.5 4.3-2.5 7s.9 5.1 2.5 7z"/></g><circle cx="42" cy="33" r="5" fill="#fff"/><path fill="#b2c1c0" d="m44.7 36.6l-.5-.9c.7-.5 1.2-1.3 1.3-2.2h1c-.2 1.3-.9 2.4-1.8 3.1m0-7.2c1 .7 1.7 1.8 1.8 3.1h-1c-.1-.9-.6-1.7-1.3-2.2z"/><circle cx="22" cy="33" r="5" fill="#fff"/><path fill="#b2c1c0" d="m19.3 36.6l.5-.9c-.7-.5-1.2-1.3-1.3-2.2h-1c.2 1.3.9 2.4 1.8 3.1m0-7.2c-1 .7-1.6 1.8-1.8 3.1h1c.1-.9.6-1.7 1.3-2.2zM22 24h20v18H22z"/><path fill="#42ade2" d="M38 26H26c-1.1 0-2 .9-2 2v2h16v-2c0-1.1-.9-2-2-2"/><path fill="#fff" d="M24 30v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8z"/><path fill="#b2c1c0" d="M26 32h12v2H26zm0 4h12v2H26z"/><path fill="#62727a" d="M22 31c-1.1 0-2 .9-2 2s.9 2 2 2zm20 0c1.1 0 2 .9 2 2s-.9 2-2 2z"/><path fill="#b2c1c0" d="M22 28.5c-.6 0-1.2.1-1.8.4l.5.9c.4-.2.8-.3 1.3-.3zm0 8c-.5 0-.9-.1-1.3-.3l-.5.9c.6.2 1.2.4 1.8.4zm20-8v1c.5 0 .9.1 1.3.3l.5-.9c-.6-.3-1.2-.4-1.8-.4m1.3 7.7c-.4.2-.8.3-1.3.3v1c.6 0 1.2-.1 1.8-.4z"/><path fill="#3e4347" d="m50 26l-2 7.9l.7 1.1l2.3-9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M2 14v9c0 .5.5 1 1 1h58c.5 0 1-.5 1-1v-9z"/><path fill="#62727a" d="M60 24v-6H4v6H2v24c0 1.1.9 2 2 2h56c1.1 0 2-.9 2-2V24z"/><path fill="#b2c1c0" d="M53 24H11c-2.2 0-4 4-4 9s1.8 9 4 9h42c2.2 0 4-4 4-9s-1.8-9-4-9"/><path fill="#e8e8e8" d="M53 26H11c-.5.2-2 2.6-2 7s1.5 6.8 2 7h42c.6-.2 2-2.6 2-7s-1.5-6.8-2-7"/><g fill="#3e4347"><circle cx="42" cy="33" r="7"/><path d="M30.5 40c1.6-1.9 2.5-4.3 2.5-7s-.9-5.1-2.5-7h-17c-1.6 1.9-2.5 4.3-2.5 7s.9 5.1 2.5 7z"/></g><circle cx="42" cy="33" r="5" fill="#fff"/><path fill="#b2c1c0" d="m44.7 36.6l-.5-.9c.7-.5 1.2-1.3 1.3-2.2h1c-.2 1.3-.9 2.4-1.8 3.1m0-7.2c1 .7 1.7 1.8 1.8 3.1h-1c-.1-.9-.6-1.7-1.3-2.2z"/><circle cx="22" cy="33" r="5" fill="#fff"/><path fill="#b2c1c0" d="m19.3 36.6l.5-.9c-.7-.5-1.2-1.3-1.3-2.2h-1c.2 1.3.9 2.4 1.8 3.1m0-7.2c-1 .7-1.6 1.8-1.8 3.1h1c.1-.9.6-1.7 1.3-2.2zM22 24h20v18H22z"/><path fill="#42ade2" d="M38 26H26c-1.1 0-2 .9-2 2v2h16v-2c0-1.1-.9-2-2-2"/><path fill="#fff" d="M24 30v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8z"/><path fill="#b2c1c0" d="M26 32h12v2H26zm0 4h12v2H26z"/><path fill="#62727a" d="M22 31c-1.1 0-2 .9-2 2s.9 2 2 2zm20 0c1.1 0 2 .9 2 2s-.9 2-2 2z"/><path fill="#b2c1c0" d="M22 28.5c-.6 0-1.2.1-1.8.4l.5.9c.4-.2.8-.3 1.3-.3zm0 8c-.5 0-.9-.1-1.3-.3l-.5.9c.6.2 1.2.4 1.8.4zm20-8v1c.5 0 .9.1 1.3.3l.5-.9c-.6-.3-1.2-.4-1.8-.4m1.3 7.7c-.4.2-.8.3-1.3.3v1c.6 0 1.2-.1 1.8-.4z"/><path fill="#3e4347" d="m50 26l-2 7.9l.7 1.1l2.3-9z"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M2%2014v9c0%20.5.5%201%201%201h58c.5%200%201-.5%201-1v-9z%22%2F%3E%3Cpath%20fill%3D%22%2362727a%22%20d%3D%22M60%2024v-6H4v6H2v24c0%201.1.9%202%202%202h56c1.1%200%202-.9%202-2V24z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M53%2024H11c-2.2%200-4%204-4%209s1.8%209%204%209h42c2.2%200%204-4%204-9s-1.8-9-4-9%22%2F%3E%3Cpath%20fill%3D%22%23e8e8e8%22%20d%3D%22M53%2026H11c-.5.2-2%202.6-2%207s1.5%206.8%202%207h42c.6-.2%202-2.6%202-7s-1.5-6.8-2-7%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2233%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M30.5%2040c1.6-1.9%202.5-4.3%202.5-7s-.9-5.1-2.5-7h-17c-1.6%201.9-2.5%204.3-2.5%207s.9%205.1%202.5%207z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2233%22%20r%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22m44.7%2036.6l-.5-.9c.7-.5%201.2-1.3%201.3-2.2h1c-.2%201.3-.9%202.4-1.8%203.1m0-7.2c1%20.7%201.7%201.8%201.8%203.1h-1c-.1-.9-.6-1.7-1.3-2.2z%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2233%22%20r%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22m19.3%2036.6l.5-.9c-.7-.5-1.2-1.3-1.3-2.2h-1c.2%201.3.9%202.4%201.8%203.1m0-7.2c-1%20.7-1.6%201.8-1.8%203.1h1c.1-.9.6-1.7%201.3-2.2zM22%2024h20v18H22z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M38%2026H26c-1.1%200-2%20.9-2%202v2h16v-2c0-1.1-.9-2-2-2%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%2030v8c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2v-8z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M26%2032h12v2H26zm0%204h12v2H26z%22%2F%3E%3Cpath%20fill%3D%22%2362727a%22%20d%3D%22M22%2031c-1.1%200-2%20.9-2%202s.9%202%202%202zm20%200c1.1%200%202%20.9%202%202s-.9%202-2%202z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M22%2028.5c-.6%200-1.2.1-1.8.4l.5.9c.4-.2.8-.3%201.3-.3zm0%208c-.5%200-.9-.1-1.3-.3l-.5.9c.6.2%201.2.4%201.8.4zm20-8v1c.5%200%20.9.1%201.3.3l.5-.9c-.6-.3-1.2-.4-1.8-.4m1.3%207.7c-.4.2-.8.3-1.3.3v1c.6%200%201.2-.1%201.8-.4z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m50%2026l-2%207.9l.7%201.1l2.3-9z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M2%2014v9c0%20.5.5%201%201%201h58c.5%200%201-.5%201-1v-9z%22%2F%3E%3Cpath%20fill%3D%22%2362727a%22%20d%3D%22M60%2024v-6H4v6H2v24c0%201.1.9%202%202%202h56c1.1%200%202-.9%202-2V24z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M53%2024H11c-2.2%200-4%204-4%209s1.8%209%204%209h42c2.2%200%204-4%204-9s-1.8-9-4-9%22%2F%3E%3Cpath%20fill%3D%22%23e8e8e8%22%20d%3D%22M53%2026H11c-.5.2-2%202.6-2%207s1.5%206.8%202%207h42c.6-.2%202-2.6%202-7s-1.5-6.8-2-7%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2233%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M30.5%2040c1.6-1.9%202.5-4.3%202.5-7s-.9-5.1-2.5-7h-17c-1.6%201.9-2.5%204.3-2.5%207s.9%205.1%202.5%207z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2233%22%20r%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22m44.7%2036.6l-.5-.9c.7-.5%201.2-1.3%201.3-2.2h1c-.2%201.3-.9%202.4-1.8%203.1m0-7.2c1%20.7%201.7%201.8%201.8%203.1h-1c-.1-.9-.6-1.7-1.3-2.2z%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2233%22%20r%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22m19.3%2036.6l.5-.9c-.7-.5-1.2-1.3-1.3-2.2h-1c.2%201.3.9%202.4%201.8%203.1m0-7.2c-1%20.7-1.6%201.8-1.8%203.1h1c.1-.9.6-1.7%201.3-2.2zM22%2024h20v18H22z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M38%2026H26c-1.1%200-2%20.9-2%202v2h16v-2c0-1.1-.9-2-2-2%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%2030v8c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2v-8z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M26%2032h12v2H26zm0%204h12v2H26z%22%2F%3E%3Cpath%20fill%3D%22%2362727a%22%20d%3D%22M22%2031c-1.1%200-2%20.9-2%202s.9%202%202%202zm20%200c1.1%200%202%20.9%202%202s-.9%202-2%202z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M22%2028.5c-.6%200-1.2.1-1.8.4l.5.9c.4-.2.8-.3%201.3-.3zm0%208c-.5%200-.9-.1-1.3-.3l-.5.9c.6.2%201.2.4%201.8.4zm20-8v1c.5%200%20.9.1%201.3.3l.5-.9c-.6-.3-1.2-.4-1.8-.4m1.3%207.7c-.4.2-.8.3-1.3.3v1c.6%200%201.2-.1%201.8-.4z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m50%2026l-2%207.9l.7%201.1l2.3-9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/videocassette.svg?color=%231a73e8&size=48
