Yes アイコン
token-branded:yes
Yes アイコン(token-branded:yes)は、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="#4ae5cf" d="M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-.466 0a8.534 8.534 0 1 0-17.068 0a8.534 8.534 0 0 0 17.068 0"/><path fill="#0765c7" d="M15.855 6.172c.714.397 1.09.9 1.122 1.519c-.53-.021-.969.143-1.334.492c-.244.233-.847.837-1.8 1.8a1.2 1.2 0 0 0-.291-.286l-1.562-1.55l1.265-1.245c.334-.314.742-.54 1.186-.656a2.76 2.76 0 0 1 1.413-.074"/><path fill="url(#SVGRKRNGbFk)" d="M7.457 8.95a1.75 1.75 0 0 1-.46-1.276q-.959.08-1.498 1.128a3.06 3.06 0 0 0 .307 1.959q.246.475.778 1c.54.53.932 1.08 1.498 1.642a2.42 2.42 0 0 1 .741 1.932c-.016.847.032 1.376.07 1.599c.185.83.677 1.559 1.375 2.043l.419.106c.175.048.312.069.418.074a1.67 1.67 0 0 0 1.059-.37q.046-.04.021-.053c-.37-.397-.715-.847-.715-1.35v-4.326c0-.36.28-.757.54-1.185l-1.863-1.89c-.318.386-.673.518-1.08.397c-.185-.053-.392-.196-.635-.435l-.975-.99z"/><path fill="url(#SVGj47akSct)" d="M13.552 9.697L11.99 8.146l-.318-.329c-.476-.503-1.005-1.048-1.524-1.334A3.177 3.177 0 0 0 5.5 8.802q.538-1.048 1.498-1.128c.54-.005.99.16 1.35.509q.364.35 1.657 1.651l.143.143l1.863 1.89q.459.38.657.922c.19.592.18 1.265.164 1.905v.53q0 1.713-.016 2.186c-.01.488-.204.954-.545 1.302a.15.15 0 0 1-.085.022c.016.01.01.026-.027.053a1.64 1.64 0 0 1-1.058.37q-.151-.001-.413-.074l-.418-.106a3.188 3.188 0 0 0 4.992-1.567c.185-.572.17-1.223.159-1.837l-.01-.344q-.01-.65.02-.847c.064-.434.244-.815.53-1.149q.222-.261.476-.513l.318-.313c.498-.47 1.032-.98 1.34-1.477a3.15 3.15 0 0 0-2.235-4.764q1.066.603 1.122 1.524c0 .503-.159.932-.487 1.292a18 18 0 0 1-.974.99c-.296.291-.476.466-.926.429a1 1 0 0 1-.752-.424a1.2 1.2 0 0 0-.291-.28"/><defs><linearGradient id="SVGRKRNGbFk" x1="8.823" x2="8.823" y1="7.674" y2="19.157" gradientUnits="userSpaceOnUse"><stop stop-color="#086bc8"/><stop offset="1" stop-color="#44ffe0"/></linearGradient><linearGradient id="SVGj47akSct" x1="12.022" x2="12.022" y1="6.102" y2="19.644" gradientUnits="userSpaceOnUse"><stop stop-color="#45ffe1"/><stop offset="1" stop-color="#0159c4"/></linearGradient></defs></g></svg>Yes アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:yes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:yes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:yes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--yes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:yes"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:yes"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/yes.svg" alt="Yes アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Yes アイコン
Yes アイコン のよくある質問
Yes アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Yes アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:yes" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yes アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/yes.svg" alt="Yes アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。