videocassette emoji

videocassette from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name
videocassette
Set
Fluent Emoji High Contrast
Style
Default
Category
Objects
Viewbox
32×32
License
MIT

The same emoji in other sets

videocassetteEmoji One (Colored)videocassetteFluent EmojivideocassetteFluent Emoji FlatvideocassetteNoto EmojivideocassetteOpenMojivideocassetteStreamline EmojisvideocassetteTwitter Emoji

More objects icons from Fluent Emoji High Contrast

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbookmarkbookmark-tabsbooks

Use the videocassette emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m15.579 11.636l-1.023 1.741a.42.42 0 0 0 .146.57a.4.4 0 0 0 .202.053h1.942a.4.4 0 0 0 .203-.054a.41.41 0 0 0 .201-.36a.4.4 0 0 0-.056-.209l-1.023-1.74a.4.4 0 0 0-.296-.137a.4.4 0 0 0-.296.136M4 16a1 1 0 0 1 1-1h1.528A5.98 5.98 0 0 0 5 19c0 1.537.578 2.939 1.528 4H5a1 1 0 0 1-1-1zm7 0a1 1 0 0 0-.67-.944a4.001 4.001 0 0 0 0 7.888A1 1 0 0 0 11 22v-1a2 2 0 1 1 0-4zm17 0a1 1 0 0 0-1-1h-1.528A5.98 5.98 0 0 1 27 19a5.98 5.98 0 0 1-1.528 4H27a1 1 0 0 0 1-1zm-7 0a1 1 0 0 1 .67-.944a4.001 4.001 0 0 1 0 7.888A1 1 0 0 1 21 22v-1a2 2 0 1 0 0-4zm-9 0a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm1.5 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1z"/><path d="M5 9a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h22a4 4 0 0 0 4-4V13a4 4 0 0 0-4-4zm-2 4a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2v13.236A3 3 0 0 1 27 27H5a3 3 0 0 1-2-.764z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastVideocassette(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m15.579 11.636l-1.023 1.741a.42.42 0 0 0 .146.57a.4.4 0 0 0 .202.053h1.942a.4.4 0 0 0 .203-.054a.41.41 0 0 0 .201-.36a.4.4 0 0 0-.056-.209l-1.023-1.74a.4.4 0 0 0-.296-.137a.4.4 0 0 0-.296.136M4 16a1 1 0 0 1 1-1h1.528A5.98 5.98 0 0 0 5 19c0 1.537.578 2.939 1.528 4H5a1 1 0 0 1-1-1zm7 0a1 1 0 0 0-.67-.944a4.001 4.001 0 0 0 0 7.888A1 1 0 0 0 11 22v-1a2 2 0 1 1 0-4zm17 0a1 1 0 0 0-1-1h-1.528A5.98 5.98 0 0 1 27 19a5.98 5.98 0 0 1-1.528 4H27a1 1 0 0 0 1-1zm-7 0a1 1 0 0 1 .67-.944a4.001 4.001 0 0 1 0 7.888A1 1 0 0 1 21 22v-1a2 2 0 1 0 0-4zm-9 0a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm1.5 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1z"/><path d="M5 9a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h22a4 4 0 0 0 4-4V13a4 4 0 0 0-4-4zm-2 4a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2v13.236A3 3 0 0 1 27 27H5a3 3 0 0 1-2-.764z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m15.579 11.636l-1.023 1.741a.42.42 0 0 0 .146.57a.4.4 0 0 0 .202.053h1.942a.4.4 0 0 0 .203-.054a.41.41 0 0 0 .201-.36a.4.4 0 0 0-.056-.209l-1.023-1.74a.4.4 0 0 0-.296-.137a.4.4 0 0 0-.296.136M4 16a1 1 0 0 1 1-1h1.528A5.98 5.98 0 0 0 5 19c0 1.537.578 2.939 1.528 4H5a1 1 0 0 1-1-1zm7 0a1 1 0 0 0-.67-.944a4.001 4.001 0 0 0 0 7.888A1 1 0 0 0 11 22v-1a2 2 0 1 1 0-4zm17 0a1 1 0 0 0-1-1h-1.528A5.98 5.98 0 0 1 27 19a5.98 5.98 0 0 1-1.528 4H27a1 1 0 0 0 1-1zm-7 0a1 1 0 0 1 .67-.944a4.001 4.001 0 0 1 0 7.888A1 1 0 0 1 21 22v-1a2 2 0 1 0 0-4zm-9 0a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm1.5 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1z"/><path d="M5 9a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h22a4 4 0 0 0 4-4V13a4 4 0 0 0-4-4zm-2 4a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2v13.236A3 3 0 0 1 27 27H5a3 3 0 0 1-2-.764z"/></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m15.579%2011.636l-1.023%201.741a.42.42%200%200%200%20.146.57a.4.4%200%200%200%20.202.053h1.942a.4.4%200%200%200%20.203-.054a.41.41%200%200%200%20.201-.36a.4.4%200%200%200-.056-.209l-1.023-1.74a.4.4%200%200%200-.296-.137a.4.4%200%200%200-.296.136M4%2016a1%201%200%200%201%201-1h1.528A5.98%205.98%200%200%200%205%2019c0%201.537.578%202.939%201.528%204H5a1%201%200%200%201-1-1zm7%200a1%201%200%200%200-.67-.944a4.001%204.001%200%200%200%200%207.888A1%201%200%200%200%2011%2022v-1a2%202%200%201%201%200-4zm17%200a1%201%200%200%200-1-1h-1.528A5.98%205.98%200%200%201%2027%2019a5.98%205.98%200%200%201-1.528%204H27a1%201%200%200%200%201-1zm-7%200a1%201%200%200%201%20.67-.944a4.001%204.001%200%200%201%200%207.888A1%201%200%200%201%2021%2022v-1a2%202%200%201%200%200-4zm-9%200a1%201%200%200%201%201-1h6a1%201%200%200%201%201%201v6a1%201%200%200%201-1%201h-6a1%201%200%200%201-1-1zm1.5%202a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1zm0%202a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1z%22%2F%3E%3Cpath%20d%3D%22M5%209a4%204%200%200%200-4%204v14a4%204%200%200%200%204%204h22a4%204%200%200%200%204-4V13a4%204%200%200%200-4-4zm-2%204a2%202%200%200%201%202-2h22a2%202%200%200%201%202%202v13.236A3%203%200%200%201%2027%2027H5a3%203%200%200%201-2-.764z%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m15.579%2011.636l-1.023%201.741a.42.42%200%200%200%20.146.57a.4.4%200%200%200%20.202.053h1.942a.4.4%200%200%200%20.203-.054a.41.41%200%200%200%20.201-.36a.4.4%200%200%200-.056-.209l-1.023-1.74a.4.4%200%200%200-.296-.137a.4.4%200%200%200-.296.136M4%2016a1%201%200%200%201%201-1h1.528A5.98%205.98%200%200%200%205%2019c0%201.537.578%202.939%201.528%204H5a1%201%200%200%201-1-1zm7%200a1%201%200%200%200-.67-.944a4.001%204.001%200%200%200%200%207.888A1%201%200%200%200%2011%2022v-1a2%202%200%201%201%200-4zm17%200a1%201%200%200%200-1-1h-1.528A5.98%205.98%200%200%201%2027%2019a5.98%205.98%200%200%201-1.528%204H27a1%201%200%200%200%201-1zm-7%200a1%201%200%200%201%20.67-.944a4.001%204.001%200%200%201%200%207.888A1%201%200%200%201%2021%2022v-1a2%202%200%201%200%200-4zm-9%200a1%201%200%200%201%201-1h6a1%201%200%200%201%201%201v6a1%201%200%200%201-1%201h-6a1%201%200%200%201-1-1zm1.5%202a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1zm0%202a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1z%22%2F%3E%3Cpath%20d%3D%22M5%209a4%204%200%200%200-4%204v14a4%204%200%200%200%204%204h22a4%204%200%200%200%204-4V13a4%204%200%200%200-4-4zm-2%204a2%202%200%200%201%202-2h22a2%202%200%200%201%202%202v13.236A3%203%200%200%201%2027%2027H5a3%203%200%200%201-2-.764z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/videocassette.svg?color=%231a73e8&size=48