Media アイコン

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

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

token:media

Media アイコン(token:media)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21 8.84l-2.882-2.919l2.88-2.92zm-.002 6.078l-.001.002l-2.881-2.922l2.88-2.92l.002.002zm0 6.081l-2.882-2.92l2.88-2.92zM18 17.958l-.002-5.838l.001-.002l2.883 2.92zm0-6.078l-.002-5.838l2.884 2.92zm0 6.08l-2.883-2.92l2.881-2.918v5.836z"/><path fill="currentColor" d="m18 11.88l-2.881-2.919l2.88-2.92zm-.1.12l.002.003l-2.883 2.92l-2.882-2.92l.001-.003zm-5.76 0l2.88-2.925L17.903 12zm-.141 5.959v-5.84l2.882 2.92z"/><path fill="currentColor" d="m12 17.959l-2.882-2.92L12 12.119zM11.9 12l.001.003l-2.882 2.92l-2.88-2.92V12zm-5.76 0L9 9.075L11.9 12zm-.139 5.96v-5.838l2.88 2.918zm0-6.081V6.04l2.88 2.92zM6 17.959l-2.881-2.92l2.88-2.92l.002.002zm0-6.08L3.119 8.96L6 6.041zm-3 9.12v-5.84l2.882 2.92zm0-6.079V9.079l2.882 2.92zm0-6.08V3.002l2.882 2.92z"/></svg>

Media アイコンの使い方

React

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

<Icon icon="token:media" width="24" />

Vue

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

<template>
  <Icon icon="token:media" width="24" />
</template>

Svelte

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

<Icon icon="token:media" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="token:media"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/media.svg" alt="Media アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →