Videocasette アイコン
fxemoji:videocasette
Videocasette アイコン(fxemoji:videocasette)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 物
SVG コード
<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>Videocasette アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:videocasette"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/videocasette.svg" alt="Videocasette アイコン" width="24" height="24">Videocasette アイコン のよくある質問
Videocasette アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Videocasette アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:videocasette" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Videocasette アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/videocasette.svg" alt="Videocasette アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。