videocassette emoji
videocassette from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- videocassette
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More objects icons from OpenMoji
Use the videocassette emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M5.28 17.059v34.84c0 1.103 1.897 3 3 3h55.563c1.103 0 3-1.897 3-3V17.06z"/><path fill="none" d="M11 28.115v-7.039h49.983v7.039"/><path fill="#fff" d="M49.187 42.833a3.78 3.78 0 0 0 0-7.559z"/><path fill="#fcea2b" d="M27.402 31.876h17.227v13.58H27.402z"/><path fill="#fff" d="M51.967 39.054c0-1.18-.74-2.19-1.78-2.594v5.188a2.79 2.79 0 0 0 1.78-2.594m-32.063 0c0 1.18.74 2.19 1.78 2.593V36.46a2.79 2.79 0 0 0-1.78 2.594"/><path fill="#d0cfce" d="M13.461 39.342c0 4.092 5.078 7.903 9.223 8.418v-4.927c-2.366-.483-3.78-1.38-3.78-3.78c0-2.398 1.414-3.296 3.78-3.779v-4.927s-4.083 1.292-5.532 1.985c-1.317.63-3.69 7.01-3.69 7.01m40.652-7.466c-1.563-1.119-4.13-1.492-4.13-1.492l.204 5.028s2.441 1.37 2.441 3.41c0 1.93-1.552 2.962-3.123 4.011l-.319 5.163c3.75-1.353 9.028-4.093 8.578-9.712c-.45-5.62-3.156-6.054-3.651-6.408"/><path fill="#9b9b9a" d="m22.684 32.665l-.79-2.317c-3.777.492-8.173 5.122-6.916 8.706c0 0 .572-1.648 1.256-2.735s1.774-2.268 2.975-2.87c1.32-.663 3.475-.784 3.475-.784m29.284 14.522c-.565.219-2.162.729-2.78.81l.318-5.164c.652-.14 1.936-.024 2.46-.4zm4.476-10.729c1.348-2.059-4.358-5.733-7.257-6.11v4.487c.54.116 2.045.864 2.5 1.144l.063-3.22s1.326.478 2.525 1.402c1.2.925 2.169 2.297 2.169 2.297m3.538-13.124v-1.258H12v6.04a1 1 0 0 1-.61.92s1.824.226 1.824-.92v-4.782m48.768-2.258"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M63.843 54.9H8.28a3 3 0 0 1-3-3V17.059h61.563v34.84a3 3 0 0 1-3 3"/><path d="M22.684 30.348a8.706 8.706 0 0 0 0 17.412zM49.187 47.76a8.706 8.706 0 0 0 0-17.412z"/><path d="M22.684 35.274a3.78 3.78 0 0 0 0 7.559zm4.39-3.398H44.63v13.58H27.074zM11 28.115v-7.039h49.983v7.039M49.187 42.833a3.78 3.78 0 0 0 0-7.559zM16.783 25.812h39.339"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiVideocassette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M5.28 17.059v34.84c0 1.103 1.897 3 3 3h55.563c1.103 0 3-1.897 3-3V17.06z"/><path fill="none" d="M11 28.115v-7.039h49.983v7.039"/><path fill="#fff" d="M49.187 42.833a3.78 3.78 0 0 0 0-7.559z"/><path fill="#fcea2b" d="M27.402 31.876h17.227v13.58H27.402z"/><path fill="#fff" d="M51.967 39.054c0-1.18-.74-2.19-1.78-2.594v5.188a2.79 2.79 0 0 0 1.78-2.594m-32.063 0c0 1.18.74 2.19 1.78 2.593V36.46a2.79 2.79 0 0 0-1.78 2.594"/><path fill="#d0cfce" d="M13.461 39.342c0 4.092 5.078 7.903 9.223 8.418v-4.927c-2.366-.483-3.78-1.38-3.78-3.78c0-2.398 1.414-3.296 3.78-3.779v-4.927s-4.083 1.292-5.532 1.985c-1.317.63-3.69 7.01-3.69 7.01m40.652-7.466c-1.563-1.119-4.13-1.492-4.13-1.492l.204 5.028s2.441 1.37 2.441 3.41c0 1.93-1.552 2.962-3.123 4.011l-.319 5.163c3.75-1.353 9.028-4.093 8.578-9.712c-.45-5.62-3.156-6.054-3.651-6.408"/><path fill="#9b9b9a" d="m22.684 32.665l-.79-2.317c-3.777.492-8.173 5.122-6.916 8.706c0 0 .572-1.648 1.256-2.735s1.774-2.268 2.975-2.87c1.32-.663 3.475-.784 3.475-.784m29.284 14.522c-.565.219-2.162.729-2.78.81l.318-5.164c.652-.14 1.936-.024 2.46-.4zm4.476-10.729c1.348-2.059-4.358-5.733-7.257-6.11v4.487c.54.116 2.045.864 2.5 1.144l.063-3.22s1.326.478 2.525 1.402c1.2.925 2.169 2.297 2.169 2.297m3.538-13.124v-1.258H12v6.04a1 1 0 0 1-.61.92s1.824.226 1.824-.92v-4.782m48.768-2.258"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="M63.843 54.9H8.28a3 3 0 0 1-3-3V17.059h61.563v34.84a3 3 0 0 1-3 3"/><path d="M22.684 30.348a8.706 8.706 0 0 0 0 17.412zM49.187 47.76a8.706 8.706 0 0 0 0-17.412z"/><path d="M22.684 35.274a3.78 3.78 0 0 0 0 7.559zm4.39-3.398H44.63v13.58H27.074zM11 28.115v-7.039h49.983v7.039M49.187 42.833a3.78 3.78 0 0 0 0-7.559zM16.783 25.812h39.339"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M5.28 17.059v34.84c0 1.103 1.897 3 3 3h55.563c1.103 0 3-1.897 3-3V17.06z"/><path fill="none" d="M11 28.115v-7.039h49.983v7.039"/><path fill="#fff" d="M49.187 42.833a3.78 3.78 0 0 0 0-7.559z"/><path fill="#fcea2b" d="M27.402 31.876h17.227v13.58H27.402z"/><path fill="#fff" d="M51.967 39.054c0-1.18-.74-2.19-1.78-2.594v5.188a2.79 2.79 0 0 0 1.78-2.594m-32.063 0c0 1.18.74 2.19 1.78 2.593V36.46a2.79 2.79 0 0 0-1.78 2.594"/><path fill="#d0cfce" d="M13.461 39.342c0 4.092 5.078 7.903 9.223 8.418v-4.927c-2.366-.483-3.78-1.38-3.78-3.78c0-2.398 1.414-3.296 3.78-3.779v-4.927s-4.083 1.292-5.532 1.985c-1.317.63-3.69 7.01-3.69 7.01m40.652-7.466c-1.563-1.119-4.13-1.492-4.13-1.492l.204 5.028s2.441 1.37 2.441 3.41c0 1.93-1.552 2.962-3.123 4.011l-.319 5.163c3.75-1.353 9.028-4.093 8.578-9.712c-.45-5.62-3.156-6.054-3.651-6.408"/><path fill="#9b9b9a" d="m22.684 32.665l-.79-2.317c-3.777.492-8.173 5.122-6.916 8.706c0 0 .572-1.648 1.256-2.735s1.774-2.268 2.975-2.87c1.32-.663 3.475-.784 3.475-.784m29.284 14.522c-.565.219-2.162.729-2.78.81l.318-5.164c.652-.14 1.936-.024 2.46-.4zm4.476-10.729c1.348-2.059-4.358-5.733-7.257-6.11v4.487c.54.116 2.045.864 2.5 1.144l.063-3.22s1.326.478 2.525 1.402c1.2.925 2.169 2.297 2.169 2.297m3.538-13.124v-1.258H12v6.04a1 1 0 0 1-.61.92s1.824.226 1.824-.92v-4.782m48.768-2.258"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M63.843 54.9H8.28a3 3 0 0 1-3-3V17.059h61.563v34.84a3 3 0 0 1-3 3"/><path d="M22.684 30.348a8.706 8.706 0 0 0 0 17.412zM49.187 47.76a8.706 8.706 0 0 0 0-17.412z"/><path d="M22.684 35.274a3.78 3.78 0 0 0 0 7.559zm4.39-3.398H44.63v13.58H27.074zM11 28.115v-7.039h49.983v7.039M49.187 42.833a3.78 3.78 0 0 0 0-7.559zM16.783 25.812h39.339"/></g></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M5.28%2017.059v34.84c0%201.103%201.897%203%203%203h55.563c1.103%200%203-1.897%203-3V17.06z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M11%2028.115v-7.039h49.983v7.039%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M49.187%2042.833a3.78%203.78%200%200%200%200-7.559z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M27.402%2031.876h17.227v13.58H27.402z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M51.967%2039.054c0-1.18-.74-2.19-1.78-2.594v5.188a2.79%202.79%200%200%200%201.78-2.594m-32.063%200c0%201.18.74%202.19%201.78%202.593V36.46a2.79%202.79%200%200%200-1.78%202.594%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M13.461%2039.342c0%204.092%205.078%207.903%209.223%208.418v-4.927c-2.366-.483-3.78-1.38-3.78-3.78c0-2.398%201.414-3.296%203.78-3.779v-4.927s-4.083%201.292-5.532%201.985c-1.317.63-3.69%207.01-3.69%207.01m40.652-7.466c-1.563-1.119-4.13-1.492-4.13-1.492l.204%205.028s2.441%201.37%202.441%203.41c0%201.93-1.552%202.962-3.123%204.011l-.319%205.163c3.75-1.353%209.028-4.093%208.578-9.712c-.45-5.62-3.156-6.054-3.651-6.408%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22m22.684%2032.665l-.79-2.317c-3.777.492-8.173%205.122-6.916%208.706c0%200%20.572-1.648%201.256-2.735s1.774-2.268%202.975-2.87c1.32-.663%203.475-.784%203.475-.784m29.284%2014.522c-.565.219-2.162.729-2.78.81l.318-5.164c.652-.14%201.936-.024%202.46-.4zm4.476-10.729c1.348-2.059-4.358-5.733-7.257-6.11v4.487c.54.116%202.045.864%202.5%201.144l.063-3.22s1.326.478%202.525%201.402c1.2.925%202.169%202.297%202.169%202.297m3.538-13.124v-1.258H12v6.04a1%201%200%200%201-.61.92s1.824.226%201.824-.92v-4.782m48.768-2.258%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M63.843%2054.9H8.28a3%203%200%200%201-3-3V17.059h61.563v34.84a3%203%200%200%201-3%203%22%2F%3E%3Cpath%20d%3D%22M22.684%2030.348a8.706%208.706%200%200%200%200%2017.412zM49.187%2047.76a8.706%208.706%200%200%200%200-17.412z%22%2F%3E%3Cpath%20d%3D%22M22.684%2035.274a3.78%203.78%200%200%200%200%207.559zm4.39-3.398H44.63v13.58H27.074zM11%2028.115v-7.039h49.983v7.039M49.187%2042.833a3.78%203.78%200%200%200%200-7.559zM16.783%2025.812h39.339%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M5.28%2017.059v34.84c0%201.103%201.897%203%203%203h55.563c1.103%200%203-1.897%203-3V17.06z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M11%2028.115v-7.039h49.983v7.039%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M49.187%2042.833a3.78%203.78%200%200%200%200-7.559z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M27.402%2031.876h17.227v13.58H27.402z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M51.967%2039.054c0-1.18-.74-2.19-1.78-2.594v5.188a2.79%202.79%200%200%200%201.78-2.594m-32.063%200c0%201.18.74%202.19%201.78%202.593V36.46a2.79%202.79%200%200%200-1.78%202.594%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M13.461%2039.342c0%204.092%205.078%207.903%209.223%208.418v-4.927c-2.366-.483-3.78-1.38-3.78-3.78c0-2.398%201.414-3.296%203.78-3.779v-4.927s-4.083%201.292-5.532%201.985c-1.317.63-3.69%207.01-3.69%207.01m40.652-7.466c-1.563-1.119-4.13-1.492-4.13-1.492l.204%205.028s2.441%201.37%202.441%203.41c0%201.93-1.552%202.962-3.123%204.011l-.319%205.163c3.75-1.353%209.028-4.093%208.578-9.712c-.45-5.62-3.156-6.054-3.651-6.408%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22m22.684%2032.665l-.79-2.317c-3.777.492-8.173%205.122-6.916%208.706c0%200%20.572-1.648%201.256-2.735s1.774-2.268%202.975-2.87c1.32-.663%203.475-.784%203.475-.784m29.284%2014.522c-.565.219-2.162.729-2.78.81l.318-5.164c.652-.14%201.936-.024%202.46-.4zm4.476-10.729c1.348-2.059-4.358-5.733-7.257-6.11v4.487c.54.116%202.045.864%202.5%201.144l.063-3.22s1.326.478%202.525%201.402c1.2.925%202.169%202.297%202.169%202.297m3.538-13.124v-1.258H12v6.04a1%201%200%200%201-.61.92s1.824.226%201.824-.92v-4.782m48.768-2.258%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M63.843%2054.9H8.28a3%203%200%200%201-3-3V17.059h61.563v34.84a3%203%200%200%201-3%203%22%2F%3E%3Cpath%20d%3D%22M22.684%2030.348a8.706%208.706%200%200%200%200%2017.412zM49.187%2047.76a8.706%208.706%200%200%200%200-17.412z%22%2F%3E%3Cpath%20d%3D%22M22.684%2035.274a3.78%203.78%200%200%200%200%207.559zm4.39-3.398H44.63v13.58H27.074zM11%2028.115v-7.039h49.983v7.039M49.187%2042.833a3.78%203.78%200%200%200%200-7.559zM16.783%2025.812h39.339%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/videocassette.svg?color=%231a73e8&size=48
