Yam アイコン
token-branded:yam
Yam アイコン(token-branded:yam)は、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="url(#SVGL8VIJc7t)" d="M3.515 11.65a4 4 0 0 1-.47-1.916c3.221-2.133 9.812-6.423 10.4-6.504c.409-.07.83-.004 1.199.186c5.02 5.762 6.07 10.578 6.324 13.707c.118.822-.03 2.64-1.533 3.375c-1.88.928-3.487-.222-4.791-.531c-1.299-.316-3.957-1.33-5.188-2.121c-1.224-.797-1.712-1.403-2.38-2.028c-.674-.63-3.054-3.283-3.561-4.167"/><path fill="#ebddd5" fill-opacity=".7" d="M16.684 6.729c.241-.334.643.185.816.482c1.49 1.91 2.844 6.102 2.789 6.102c-.415-1.335-3.895-6.17-3.605-6.584"/><path fill="#e6de95" d="M9.104 7.629c3.033-1.847 5.232-3.789 4.91-4.337c-.32-.548-3.039.505-6.072 2.352S2.71 9.432 3.032 9.98c.32.548 3.039-.505 6.072-2.351"/><path fill="url(#SVGlexVlv3P)" d="M3.17 10.73c-.15-.137-.056-.347.012-.434c.47.223 2.09-.197 2.844-.432c-.89.34-2.708 1.001-2.857.865"/><defs><linearGradient id="SVGL8VIJc7t" x1="18.91" x2="8.168" y1="6.797" y2="17.985" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#f374ab"/><stop offset=".3" stop-color="#ed4892"/><stop offset=".91" stop-color="#a71c2d"/><stop offset="1" stop-color="#b91f2b"/></linearGradient><linearGradient id="SVGlexVlv3P" x1="3.169" x2="5.556" y1="10.55" y2="10.562" gradientUnits="userSpaceOnUse"><stop stop-color="#eac4cf"/><stop offset="1" stop-color="#e76d9e" stop-opacity="0"/></linearGradient></defs></g></svg>Yam アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:yam" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:yam" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:yam" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--yam]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:yam"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:yam"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/yam.svg" alt="Yam アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Yam アイコン
Yam アイコン のよくある質問
Yam アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Yam アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:yam" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yam アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/yam.svg" alt="Yam アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。