Ionx Background アイコン

Q: Ionx Background アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

token-branded:ionx-background

Ionx Background アイコン(token-branded:ionx-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons Branded
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24
タグ: ionxbackground

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="url(#SVGpFq1OenP)" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.226 13.356a1.358 1.358 0 1 0 0-2.716a1.358 1.358 0 0 0 0 2.716m-1.81-6.335a.905.905 0 1 0 0-1.81a.905.905 0 0 0 0 1.81m8.122 5.43a1.131 1.131 0 1 0 0 2.263a1.131 1.131 0 0 0 0-2.263"/><path fill="#fff" d="M16.796 9.478c.625-1.918.543-3.434-.353-4.027c-.995-.642-2.683.054-4.434 1.697q-.211-.195-.416-.371a1.4 1.4 0 0 1-.303.43c.113.1.235.199.339.303q-.68.686-1.276 1.439c-.882.063-1.765.194-2.624.398c-.534-1.647-.52-2.937.176-3.394a1.3 1.3 0 0 1 1.032-.117q.08-.273.271-.498c-.656-.195-1.222-.172-1.656.118c-.896.588-.973 2.104-.348 4.022C5.235 10.03 4 10.935 4 12.003s1.235 1.964 3.204 2.52q-.083.25-.145.494h.077q.233-.002.452.072q.059-.211.131-.43c.865.195 1.747.326 2.634.385q.601.754 1.28 1.439C10.11 17.89 8.68 18.55 7.905 18.039a1.04 1.04 0 0 1-.317-.335a1.3 1.3 0 0 1-.615.06c.108.316.317.588.588.778c.996.656 2.679-.041 4.444-1.693c1.755 1.652 3.438 2.353 4.438 1.693c.9-.589.978-2.105.353-4.028c.181-.045.362-.104.53-.158a1.4 1.4 0 0 1-.236-.466l-.475.145a16 16 0 0 0-.94-2.027c.361-.652.678-1.33.94-2.027c1.688.466 2.77 1.208 2.77 2.027a1 1 0 0 1-.1.425a1.4 1.4 0 0 1 .407.462c.195-.258.303-.57.308-.892c0-1.068-1.235-1.973-3.204-2.525M12 7.872c.317.317.638.665.946 1.04A22 22 0 0 0 12 8.89c-.317 0-.643 0-.941.023c.299-.376.62-.724.94-1.041m-2.08 1.624q-.702.946-1.3 1.96a15 15 0 0 1-.728-1.63a17 17 0 0 1 2.023-.325zm-2.543 4.525c-1.688-.461-2.77-1.203-2.77-2.022c0-.82 1.086-1.552 2.77-2.027q.401 1.047.945 2.027c-.362.651-.678 1.33-.94 2.027zm.51.136q.315-.835.725-1.629c.24.398.475.796.76 1.195q.271.405.543.769a16 16 0 0 1-2.027-.335m1.91-.715a23 23 0 0 1-.896-1.439c.508-.89 1.08-1.744 1.71-2.552a21 21 0 0 1 2.775 0A21 21 0 0 1 15.095 12a21 21 0 0 1-1.706 2.552a22 22 0 0 1-2.774 0a22 22 0 0 1-.814-1.113zm1.25 1.643c.307.013.624.018.94.018c.317 0 .643 0 .946-.018c-.317.375-.638.723-.946 1.04a18 18 0 0 1-.94-1.04m5.054 2.954c-.77.507-2.204-.149-3.729-1.556a18 18 0 0 0 1.28-1.44a17 17 0 0 0 2.625-.393c.534 1.643.52 2.923-.177 3.39m0-3.887q-1 .24-2.028.335q.705-.943 1.299-1.959q.415.793.733 1.629zm-.724-2.692c-.236-.389-.471-.792-.751-1.19q-.272-.394-.548-.77a16 16 0 0 1 2.027.336q-.314.835-.724 1.629zm.905-2.113a16.6 16.6 0 0 0-2.625-.398q-.601-.755-1.28-1.44c1.52-1.406 2.954-2.062 3.728-1.551c.692.452.706 1.742.172 3.389z"/><path fill="#fff" d="M8.606 16.751a1.131 1.131 0 1 0-2.263 0a1.131 1.131 0 0 0 2.263 0"/></g><defs><linearGradient id="SVGpFq1OenP" x1="8" x2="14.194" y1="17.879" y2="5.236" gradientUnits="userSpaceOnUse"><stop stop-color="#383d63"/><stop offset=".23" stop-color="#693566"/><stop offset=".48" stop-color="#982d6a"/><stop offset=".7" stop-color="#bb276c"/><stop offset=".88" stop-color="#d0236d"/><stop offset="1" stop-color="#d8226e"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Ionx Background アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:ionx-background" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:ionx-background" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:ionx-background" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ionx-background]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ionx-background"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:ionx-background"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/ionx-background.svg" alt="Ionx Background アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

Ionx Background アイコンのよくある質問

Ionx Background アイコンは商用利用でも無料ですか?

はい。Web3 Icons Branded icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Ionx Background アイコンを使うには?

@iconify/react をインストールして <Icon icon="token-branded:ionx-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ionx Background アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/ionx-background.svg" alt="Ionx Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons Branded アイコンをすべて見る →