Aevo アイコン
token-branded:aevo
Aevo アイコン(token-branded:aevo)は、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="#4b00ff" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#fff" d="M16.728 13.555q-.074.38-.237.68q-.2.376-.579.69a2.4 2.4 0 0 1-.747.431q-.383.131-.968.13q-.78 0-1.404-.319a2 2 0 0 1-.922-.943a2.4 2.4 0 0 1-.91.91q-.584.337-1.455.338q-.57-.001-1.028-.175a2.2 2.2 0 0 1-.78-.501a1.9 1.9 0 0 1-.409-.605q-.15-.345-.151-.787q0-.443.17-.806a1.8 1.8 0 0 1 .463-.617q.292-.255.676-.397a2.3 2.3 0 0 1 .801-.144a81 81 0 0 1 2.108-.026v-.702q.001-.664-.385-.97c-.258-.202-.59-.304-1.007-.304q-.623 0-1.035.279q-.407.28-.449.905l-1.063-.191q.05-.439.238-.77q.229-.404.584-.658a2.5 2.5 0 0 1 .813-.371q.457-.116.924-.116q.286 0 .586.06q.3.059.586.174q.286.117.527.305q.24.189.409.435q.326-.455.818-.702q.492-.248 1.236-.248q.846 0 1.358.305q.514.305.865.85q.299.457.404.996q.104.538.104 1.269v.338l-4.447.014v.052q0 .417.09.813q.09.398.3.702c.14.203.319.369.546.494q.339.188.834.189q.48 0 .91-.286t.572-.91zM9.5 12.26q-.507 0-.877.293q-.371.293-.37.839q-.001.546.356.839q.359.293.877.293q.377 0 .74-.111q.364-.109.623-.371c.25-.25.405-.508.454-.768q.078-.39.078-.846v-.182zm6.244-.82a3.6 3.6 0 0 0-.112-.825a1.64 1.64 0 0 0-.319-.643a1.4 1.4 0 0 0-.467-.383q-.287-.149-.728-.149q-.376 0-.65.13a1.6 1.6 0 0 0-.482.352a1.8 1.8 0 0 0-.41.676q-.135.39-.136.846h3.303z"/></g></svg>Aevo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:aevo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:aevo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:aevo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--aevo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:aevo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:aevo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/aevo.svg" alt="Aevo アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Aevo アイコン
Aevo アイコン のよくある質問
Aevo アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Aevo アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:aevo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Aevo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/aevo.svg" alt="Aevo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。