Fun アイコン
cryptocurrency:fun
Fun アイコン(cryptocurrency:fun)は、Cryptocurrency Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Icons
- 作者
- Christopher Downer
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16s-7.163 16-16 16m-3.3-5.1a10.7 10.7 0 0 0 4.4.4c-1.4-1.9-2.9-3.8-4.3-5.6c1.4-1.2 2.9-2.3 4.3-3.4c-1-1.3-2-2.5-3-3.8l-4.3 3.4a6.17 6.17 0 0 1-.1-3.3c.29-.9.73-1.746 1.3-2.5a6.8 6.8 0 0 1 2.1-1.7a7.7 7.7 0 0 1 2.9-.7c-.1-.2-.3-.3-.4-.5c-1-1.3-2-2.6-3-3.8a11 11 0 0 0-1.9.8A10.3 10.3 0 0 0 6.5 10A13.1 13.1 0 0 0 5 13.8a11.1 11.1 0 0 0 0 4.8a11.2 11.2 0 0 0 1.6 3.7a11.6 11.6 0 0 0 2.6 2.8a9.7 9.7 0 0 0 3.5 1.8m9.53-12.114q.249 1.676-.03 2.814a6.5 6.5 0 0 1-1.2 2.5a6.16 6.16 0 0 1-4.9 2.4q.35.586.8 1.1c.8 1.1 1.6 2.1 2.5 3.2a8.8 8.8 0 0 0 3.3-1.8a10.7 10.7 0 0 0 2.5-2.7a9.9 9.9 0 0 0 1.6-3.6a12.4 12.4 0 0 0 .1-4.7a9.1 9.1 0 0 0-1.4-3.8a10.8 10.8 0 0 0-2.4-2.8a11 11 0 0 0-7-2.6h-1.4c0 .1.1.1.1.2c1.5 1.9 2.9 3.7 4.3 5.5c-1.4 1.2-2.9 2.3-4.3 3.4c1 1.3 2 2.5 3 3.8c1.19-1.02 4.165-3.294 4.3-3.4q.075.24.13.486m-4.723 8.373l-.036-.042a6.9 6.9 0 0 0 4.123-2.56a7.2 7.2 0 0 0 1.336-2.785a6.9 6.9 0 0 0-.114-3.694l-.323-1.04l-.856.672c-.451.354-2.05 1.584-2.147 1.66c-.606.47-1.112.872-1.576 1.255a191 191 0 0 0-1.028-1.294c-.466-.582-.77-.964-1.034-1.3c.638-.493 1.487-1.146 1.558-1.2a56 56 0 0 0 2.178-1.762l.543-.465l-.439-.564a1093 1093 0 0 0-3.503-4.489c2.352.043 4.624.898 6.427 2.422c.895.74 1.65 1.62 2.24 2.61a8.4 8.4 0 0 1 1.3 3.513a11.7 11.7 0 0 1-.09 4.446a9.1 9.1 0 0 1-1.477 3.323a10 10 0 0 1-2.344 2.539a8.1 8.1 0 0 1-2.588 1.524a62 62 0 0 1-2.15-2.77z"/></svg>Fun アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency:fun" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency:fun" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency:fun" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency--fun]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency -->
<div class="i-cryptocurrency:fun"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency:fun"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency/fun.svg" alt="Fun アイコン" width="24" height="24">他のアイコンセットの Fun アイコン
Fun アイコン のよくある質問
Fun アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fun アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency:fun" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fun アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency/fun.svg" alt="Fun アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。