Alice アイコン
token-branded:alice
Alice アイコン(token-branded:alice)は、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="#ea8397" d="M10.894 3C7.757 3 7.963 6.785 8.462 8.683c-3.652-2.15-5.56-.9-5.457 2.56c.083 2.772 2.536 3.719 3.755 3.848c-.978.41-1.183 5.543 2.154 5.888c2.67.277 4.264-2.242 4.732-3.533c1.583 1.306 5.142 3.312 6.706.9c1.553-2.412-.052-5.07-1.044-6.1c.905-.364 2.376-1.825 1.044-4.71c-1.337-2.88-4.567-1.456-6.017-.38c.164-1.39-.299-4.156-3.44-4.156"/><path fill="#d26b7f" d="M11.398 10.097c.165-1.605-.447-4.346-.771-5.513c.874 1.039 1.172 3.97 1.213 5.307c-.216.74-.612 1.815-.442.206m7.251-1.97c-2.273-.247-4.14 1.569-4.788 2.505l.119.277a7.67 7.67 0 0 1 4.67-2.782M6.6 10.632a2.31 2.31 0 0 0-2.241.755c.91-.277.75-.216 1.784-.334c.823-.098 2.572.68 3.281 1.05l.18-.237a10.2 10.2 0 0 0-3.008-1.234zm1.44 7.631c1.163-.457 2.459-2.787 2.958-3.893l.298.154c-1.553 3.122-2.813 3.796-3.25 3.74zm5.94-4.582v-.458a18.3 18.3 0 0 1 4.968 3.184v.298c-1.553-1.425-3.96-2.612-4.967-3.024"/><path fill="#977849" d="M12 15.342a2.829 2.829 0 1 0 0-5.657a2.829 2.829 0 0 0 0 5.657"/><path fill="#feecac" d="M12 14.829a2.829 2.829 0 1 0 0-5.657a2.829 2.829 0 0 0 0 5.657"/></g></svg>Alice アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:alice" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:alice" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:alice" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--alice]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:alice"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:alice"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/alice.svg" alt="Alice アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Alice アイコン のよくある質問
Alice アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Alice アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:alice" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Alice アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/alice.svg" alt="Alice アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。