Videocassette アイコン

Q: Videocassette アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:videocassette

Videocassette アイコン(noto:videocassette)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#504F4F" d="m104.86 66.007l3.013-28.119l1.988.213l-3.012 28.12z"/><circle cx="41.84" cy="64" r="21.84" fill="#504F4F"/><radialGradient id="SVG2Kmlodyg" cx="88" cy="75.167" r="21.412" gradientTransform="rotate(180 64.918 64)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EEE"/><stop offset="1" stop-color="#BDBDBD"/></radialGradient><circle cx="41.84" cy="64" r="10" fill="url(#SVG2Kmlodyg)"/><circle cx="41.84" cy="64" r="18" fill="none" stroke="#EEE" stroke-miterlimit="10" stroke-width=".941" opacity=".2"/><circle cx="41.84" cy="64" r="14.62" fill="none" stroke="#EEE" stroke-miterlimit="10" opacity=".2"/><circle cx="89.84" cy="64" r="17.15" fill="#504F4F"/><radialGradient id="SVGOBShscIN" cx="39.667" cy="74.667" r="21.006" gradientTransform="rotate(180 64.918 64)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EEE"/><stop offset="1" stop-color="#BDBDBD"/></radialGradient><circle cx="89.84" cy="64" r="10" fill="url(#SVGOBShscIN)"/><circle cx="89.84" cy="64" r="13.53" fill="none" stroke="#EEE" stroke-miterlimit="10" opacity=".2"/><path fill="#595858" d="M4 32v64c0 2.21 1.79 4 4 4h112c2.21 0 4-1.79 4-4V32c0-2.21-1.79-4-4-4H8c-2.21 0-4 1.79-4 4m36 46c0 1.1-.9 2-2 2H20c-2.21 0-8-7.16-8-16s5.79-16 8-16h18c1.1 0 2 .9 2 2zm68 2H90c-1.1 0-2-.9-2-2V50c0-1.1.9-2 2-2h18c2.21 0 8 7.16 8 16s-5.79 16-8 16"/><path fill="#787676" d="M11.85 38.15h104v2h-104zm0 4h104v2h-104zM12 88h104v2H12zm0 4h104v2H12zm0-8h104v2H12z"/><path fill="#424242" d="M82 48c1.1 0 2 .9 2 2v28c0 1.1-.9 2-2 2H46c-1.1 0-2-.9-2-2V50c0-1.1.9-2 2-2zm0-2H46c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h36c2.21 0 4-1.79 4-4V50c0-2.21-1.79-4-4-4" opacity=".2"/><radialGradient id="SVGIuANecXp" cx="63.5" cy="79.5" r="21.844" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EF5350"/><stop offset="1" stop-color="#E53935"/></radialGradient><path fill="url(#SVGIuANecXp)" d="M84 50c0-1.1-.9-2-2-2H46c-1.1 0-2 .9-2 2v6h40z"/><radialGradient id="SVGpmzjbefe" cx="63.333" cy="72.833" r="28.404" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FAFAFA"/><stop offset="1" stop-color="#EEE"/></radialGradient><path fill="url(#SVGpmzjbefe)" d="M44 56v22c0 1.1.9 2 2 2h36c1.1 0 2-.9 2-2V56z"/><path fill="#BDBDBD" d="M77 66H51c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1h26c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1m0 8H51c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1h26c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1"/><path fill="#424242" d="M64 28H7.89C5.74 28 4 29.74 4 31.89v12.26h4.73l.06-8h110.54l-.06 8H124V31.88c0-2.14-1.74-3.88-3.88-3.88z"/></svg>

Videocassette アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="noto:videocassette" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="noto:videocassette" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="noto:videocassette" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--videocassette]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:videocassette"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto:videocassette"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/videocassette.svg" alt="Videocassette アイコン" width="24" height="24">

他のアイコンセットの Videocassette アイコン

Videocassette アイコンのよくある質問

Videocassette アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Videocassette アイコンを使うには?

@iconify/react をインストールして <Icon icon="noto:videocassette" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Videocassette アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/videocassette.svg" alt="Videocassette アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Noto Emoji アイコンをすべて見る →