Meta アイコン
token:meta
Meta アイコン(token:meta)は、Web3 Icons セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.7 7.914v1.872c0 .22-.194.414-.414.414H3.405A.417.417 0 0 1 3 9.786V7.914c0-.22.18-.414.405-.414h1.881c.225 0 .414.193.414.414m2.745 2.736H6.573c-.225 0-.423.234-.423.45v4.981c0 .226.202.419.423.419H8.44c.225 0 .405-.23.405-.45V11.1c0-.22-.18-.45-.405-.45zm4.739 0h1.53c.224 0 .436.234.436.454v4.977c0 .22-.212.419-.432.419h-1.872c-.225 0-.396-.198-.396-.419v-4.576c0-.585-.661-1.3-1.26-1.3H9.705a.42.42 0 0 1-.41-.415V7.92c0-.221.185-.415.405-.415h1.904c.225 0 .391.194.391.415v1.665c0 .594.586 1.07 1.184 1.07zm5.85 0h1.53c.224 0 .436.234.436.454v4.977c0 .22-.212.419-.432.419h-1.872c-.225 0-.396-.198-.396-.419v-4.576c0-.585-.662-1.3-1.26-1.3h-1.485a.42.42 0 0 1-.41-.415V7.92c0-.221.185-.415.406-.415h1.903c.225 0 .392.194.392.415v1.665c0 .594.584 1.07 1.183 1.07z"/></svg>Meta アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:meta" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:meta" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:meta" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--meta]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:meta"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:meta"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/meta.svg" alt="Meta アイコン" width="24" height="24">Web3 Icons の関連アイコン
他のアイコンセットの Meta アイコン
Meta アイコン のよくある質問
Meta アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Meta アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:meta" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Meta アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/meta.svg" alt="Meta アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。