Iris アイコン
token:iris
Iris アイコン(token:iris)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.102 3c-3.29.281-5.625 2.542-6.39 3.645L6 6.532a7.85 7.85 0 0 1 4.714-2.581L11.107 3zm0 18c-3.29-.281-5.698-2.537-6.413-3.74l1.047-.113c1.367 1.755 3.7 2.756 4.635 2.83zm1.811-18c3.263.225 5.54 2.503 6.396 3.707l-1.058.146c-1.575-1.946-3.617-2.728-4.612-2.83zm0 18c3.263-.225 5.54-2.503 6.396-3.707l-1.255.107a7.93 7.93 0 0 1-4.736 2.632zM3.79 15.718c-1.428-3.28-.596-6.35 0-7.47l.63.827a8.67 8.67 0 0 0-.112 5.501zm16.426 0c1.434-3.28.579-6.322-.018-7.447l-.494 1.147c.804 2.155.19 4.556-.13 5.456l.647.844z"/><path fill="currentColor" fill-rule="evenodd" d="m11.963 3.062l-1.642 3.74l-6.002.715l2.435 3.403l-2.435 5.59l4.123-.472l3.611 4.883l1.648-3.814l6.024-.686l-2.475-3.358l2.42-5.552l-4.107.427zm.214 1.884l-1.406 3.172c-.022.05-.079.208-.079.422l3.403-.349l-1.54 3.724l1.428 1.94l1.333-2.941a2.14 2.14 0 0 0-.169-1.896c-.432-.666-1.933-2.682-2.779-3.816zm3.971 3.892l1.986-.23h.006l-1.541 3.594a2.4 2.4 0 0 0-.602-.518c.264-.37.658-1.473.151-2.846M9.877 7.831l-3.882.439l1.238 1.688a3.11 3.11 0 0 1 2.509-1.305c0-.434.09-.732.135-.822m2.722 1.463l-3.335.371a1.89 1.89 0 0 0-1.424 1.108c-.365.816-1.49 3.415-2.008 4.613l3.111-.343c.157-.023.534-.09.743-.192L7.66 12.067l3.994-.512zm-.832 3.212l-2.38.309q.957 1.326 1.924 2.644c.59.799 1.631.787 2.166.731l4.517-.546l-1.958-2.649a1.8 1.8 0 0 0-.439-.416L14.22 15.7zM9.55 15.914q.358-.098.692-.258v.005a3.43 3.43 0 0 0 2.402 1.519l-.787 1.856z" clip-rule="evenodd"/></svg>Iris アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:iris" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:iris" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:iris" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--iris]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:iris"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:iris"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/iris.svg" alt="Iris アイコン" width="24" height="24">他のアイコンセットの Iris アイコン
Iris アイコン のよくある質問
Iris アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Iris アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:iris" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Iris アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/iris.svg" alt="Iris アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。