Iris アイコン
token-branded:iris
Iris アイコン(token-branded:iris)は、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="url(#SVG3nJVlcUB)" 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.425 0c1.435-3.28.58-6.322-.016-7.447l-.495 1.147c.804 2.155.19 4.556-.13 5.456l.647.844z"/><path fill="url(#SVG3nJVlcUB)" fill-rule="evenodd" d="m11.962 3.062l-1.642 3.74l-6.002.715l2.436 3.403l-2.436 5.59l4.123-.472l3.611 4.883l1.649-3.814l6.024-.686l-2.475-3.358l2.419-5.552l-4.107.427zm.215 1.884L10.77 8.118c-.023.05-.08.208-.08.422l3.404-.349l-1.541 3.724l1.428 1.94l1.334-2.941a2.14 2.14 0 0 0-.17-1.896c-.431-.666-1.933-2.682-2.779-3.816zm3.971 3.892l1.986-.23h.005l-1.54 3.594a2.4 2.4 0 0 0-.603-.518c.265-.37.658-1.473.152-2.846M9.876 7.831l-3.881.439l1.237 1.688a3.11 3.11 0 0 1 2.51-1.305c0-.434.09-.732.134-.822M12.6 9.294l-3.336.371a1.89 1.89 0 0 0-1.423 1.108c-.366.816-1.49 3.415-2.008 4.613l3.11-.343c.158-.023.535-.09.743-.192L7.66 12.067l3.994-.512zm-.833 3.212l-2.38.309q.957 1.326 1.925 2.644c.59.799 1.63.787 2.165.731l4.517-.546l-1.957-2.649a1.8 1.8 0 0 0-.44-.416L14.22 15.7zM9.55 15.914q.358-.098.692-.258v.005a3.43 3.43 0 0 0 2.402 1.519l-.788 1.856z" clip-rule="evenodd"/><defs><linearGradient id="SVG3nJVlcUB" x1="4.694" x2="19.03" y1="17.281" y2="8.863" gradientUnits="userSpaceOnUse"><stop stop-color="#1190d4"/><stop offset=".34" stop-color="#5060ae"/><stop offset=".69" stop-color="#ac4179"/><stop offset="1" stop-color="#e0375c"/></linearGradient></defs></g></svg>Iris アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:iris" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:iris" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:iris" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--iris]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:iris"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:iris"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/iris.svg" alt="Iris アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Iris アイコン
Iris アイコン のよくある質問
Iris アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Iris アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:iris" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Iris アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/iris.svg" alt="Iris アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。