Videocasette icon
fxemoji:videocasette
The Videocasette icon (fxemoji:videocasette) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#464A4C" d="M473.351 418.69H38.649c-19.882 0-36-16.118-36-36V160.077c0-19.882 16.118-36 36-36h434.703c19.882 0 36 16.118 36 36V382.69c-.001 19.882-16.119 36-36.001 36"/><path fill="#76DFFF" d="M310.94 315.394H201.06c-6.295 0-11.398-5.103-11.398-11.398v-91.869c0-6.295 5.103-11.398 11.398-11.398h109.88c6.295 0 11.398 5.103 11.398 11.398v91.869c0 6.295-5.103 11.398-11.398 11.398"/><path fill="#132028" d="M457.702 383.997H46.616c-6.627 0-11.999-5.372-11.999-11.999v-6.268c0-6.627 5.372-11.999 11.999-11.999h411.087c6.627 0 11.999 5.372 11.999 11.999v6.268c0 6.627-5.373 11.999-12 11.999M163.418 189.445H82.263c-14.847 18.74-23.715 42.432-23.715 68.198c0 26.151 9.139 50.165 24.389 69.035h80.481zm185.164 137.232h81.155c14.847-18.74 23.715-42.432 23.715-68.198c0-26.151-9.139-50.165-24.389-69.035h-80.481z"/><path fill="#ADB8BC" d="M82.937 326.677H47.242c-13.936-19.45-22.145-43.282-22.145-69.035c0-25.387 7.985-48.902 21.563-68.198h35.603c-14.847 18.74-23.715 42.432-23.715 68.198c0 26.152 9.139 50.166 24.389 69.035m370.515-68.197c0 25.765-8.869 49.457-23.715 68.198h35.603c13.578-19.295 21.563-42.81 21.563-68.198c0-25.752-8.208-49.585-22.145-69.035h-35.695c15.25 18.87 24.389 42.883 24.389 69.035"/><path fill="#8F9799" d="M163.418 300.674c-23.303 0-42.195-18.891-42.195-42.195c0-23.303 18.891-42.195 42.195-42.195m185.164 83.553c23.303 0 42.195-18.891 42.195-42.195c0-23.303-18.891-42.195-42.195-42.195"/></svg>How to use the Videocasette icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:videocasette" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:videocasette" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:videocasette" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--videocasette]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:videocasette"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:videocasette"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/videocasette.svg" alt="Videocasette icon" width="24" height="24">Videocasette icon FAQ
Is the Videocasette icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Videocasette icon in React?
Install @iconify/react and render <Icon icon="fxemoji:videocasette" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Videocasette icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/videocasette.svg" alt="Videocasette icon">, or paste the SVG code inline to style it with CSS.