Wam アイコン
token-branded:wam
Wam アイコン(token-branded:wam)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ffcd00" d="M11.999 20.44a8.438 8.438 0 1 0 0-16.876a8.438 8.438 0 0 0 0 16.875"/><path fill="#fcb501" d="M10.463 19.466a9 9 0 0 0 9-9c0-2.193-1.09-4.218-2.402-5.777c1.97 1.649 3.527 4.13 3.527 6.902a9 9 0 0 1-9 9c-2.773 0-5.253-1.558-6.901-3.527c1.563 1.311 3.577 2.402 5.776 2.402"/><path fill="#221e20" d="M14.664 16.502H9.652l-.45-1.238c-.056-.151.057-.315.225-.337l5.63-.675c.203-.023.367.157.299.337zm-4.354-5.625L9.185 8.064H7.217a.28.28 0 0 0-.265.372l1.39 4.691l7.593-1.125l1.109-3.56a.28.28 0 0 0-.265-.378H14.81l-1.125 2.813l-.72-2.61a.28.28 0 0 0-.27-.203h-1.26a.28.28 0 0 0-.27.203zm-.561 3.656a.563.563 0 1 0 0-1.125a.563.563 0 0 0 0 1.125m3.111-.995a.562.562 0 1 1-1.125 0a.562.562 0 0 1 1.125 0m2.514-.411a.562.562 0 1 1-1.125 0a.562.562 0 0 1 1.125 0"/><path fill="#2e2720" d="M19.873 12a7.876 7.876 0 0 1-14.915 3.52a7.88 7.88 0 0 1-.126-6.793a.59.59 0 0 0-.112-.675c-.265-.27-.715-.208-.872.135A9 9 0 1 0 8.47 3.72a.54.54 0 0 0-.225.798a.604.604 0 0 0 .732.208A7.875 7.875 0 0 1 19.873 12"/><path fill="#2e2720" d="M7.105 5.828a.59.59 0 0 0 .14-.787a.534.534 0 0 0-.776-.14c-.488.38-.937.81-1.338 1.282a.534.534 0 0 0 .04.725c.241.242.64.209.865-.056a8 8 0 0 1 1.07-1.024"/></g></svg>Wam アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:wam" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:wam" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:wam" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--wam]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:wam"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:wam"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/wam.svg" alt="Wam アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Wam アイコン のよくある質問
Wam アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wam アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:wam" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wam アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/wam.svg" alt="Wam アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。