Xsushi Background アイコン

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

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

token-branded:xsushi-background

Xsushi Background アイコン(token-branded:xsushi-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
タグ: xsushibackground

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="#fff" d="M24 0H0v24h24z"/><path fill="#0e0f23" d="M7.462 5.328c.455-.647 1.333-.933 2.47-.84c1.568.13 3.643.986 5.644 2.436c1.992 1.457 3.454 3.192 4.075 4.656c.455 1.064.47 2.005.015 2.652l-3.12 4.44c-.455.648-1.342.933-2.47.841c-1.568-.139-3.652-.987-5.644-2.444c-2-1.45-3.455-3.184-4.083-4.648c-.455-1.064-.47-2.005-.015-2.652zm11.773 8.58c.364-.508.288-1.264-.068-2.112c-.599-1.395-2-3.037-3.91-4.425c-1.9-1.388-3.878-2.213-5.37-2.336c-.91-.077-1.63.093-1.993.609l-.015.031c-.341.516-.265 1.249.09 2.081c.6 1.403 2 3.045 3.902 4.433s3.88 2.212 5.371 2.336c.895.07 1.6-.093 1.97-.578zm-4.863-5.28c.954.694 1.658 1.518 1.954 2.22c.174.393.22.74.046.979c-.168.239-.508.308-.925.27c-.75-.062-1.735-.478-2.69-1.172s-1.659-1.511-1.954-2.213c-.167-.393-.212-.74-.045-.979s.508-.308.931-.277c.743.07 1.736.478 2.682 1.172"/><path fill="#fff" d="M19.167 11.796c.356.849.432 1.604.068 2.113l-.023.038c-.371.486-1.075.648-1.97.579c-1.492-.124-3.47-.949-5.37-2.337C9.97 10.802 8.568 9.16 7.97 7.756c-.356-.832-.432-1.564-.091-2.08l.015-.032c.364-.516 1.083-.686 1.993-.609c1.492.124 3.47.949 5.37 2.336c1.91 1.388 3.311 3.03 3.91 4.425"/><path fill="url(#SVGCbF2yAVD)" d="M19.794 11.951a5 5 0 0 0-.143-.371c-.62-1.464-2.083-3.2-4.075-4.656c-2-1.45-4.076-2.305-5.644-2.436c-1.137-.093-2.015.193-2.47.84l-3.128 4.44c-.455.648-.44 1.588.015 2.653c.415.967 1.19 2.053 2.246 3.096a2 2 0 0 0 .28-.045c.563-.128 1.101-.635 1.639-1.141c.693-.653 1.382-1.302 2.111-1.126c.511.115.918.664 1.335 1.228c.176.238.355.48.544.692c.606.713 1.273 1.024 1.947.877c.77-.154 1.358-.843 1.903-1.62c-1.344-.31-2.938-1.066-4.483-2.193C9.97 10.801 8.568 9.16 7.97 7.756c-.356-.833-.432-1.565-.091-2.081l.015-.031c.364-.516 1.083-.686 1.993-.61c1.491.124 3.47.95 5.37 2.337c1.907 1.385 3.307 3.024 3.907 4.419l.09.007c.215.023.392.077.54.154"/><path fill="#ffb060" d="M16.325 10.847c-.295-.701-1-1.526-1.954-2.22c-.947-.694-1.94-1.102-2.682-1.172c-.424-.03-.765.039-.932.278s-.121.586.045.979c.296.701 1 1.518 1.955 2.212c.954.694 1.94 1.11 2.69 1.172c.416.039.757-.031.924-.27c.174-.239.128-.585-.046-.979M7.076 6.94a.115.115 0 0 1 .118.111l.007.117a.115.115 0 0 1-.104.125a.115.115 0 0 1-.123-.107l-.007-.125a.115.115 0 0 1 .109-.12m.022.364a.114.114 0 0 1 .13.097c.135.912.64 1.806 1.295 2.63a.117.117 0 0 1-.056.185a.12.12 0 0 1-.087-.01a.1.1 0 0 1-.034-.029c-.666-.839-1.199-1.771-1.343-2.74a.115.115 0 0 1 .095-.133m3.36 4.871a.1.1 0 0 1 .077-.04a.1.1 0 0 1 .082.027l.09.079l.113.096a.117.117 0 0 1-.062.205a.1.1 0 0 1-.083-.026l-.115-.1l-.09-.078a.117.117 0 0 1-.013-.163m.433.37a.1.1 0 0 1 .076-.043a.1.1 0 0 1 .084.023a13.6 13.6 0 0 0 3.21 1.86a.116.116 0 0 1 .062.151a.11.11 0 0 1-.148.065a14 14 0 0 1-3.264-1.893a.117.117 0 0 1-.02-.162m7.219 2.64a.115.115 0 0 1-.094.134l-.153.02a.114.114 0 0 1-.126-.102a.115.115 0 0 1 .1-.127q.073-.008.142-.02a.12.12 0 0 1 .086.021a.12.12 0 0 1 .045.075"/></g><defs><linearGradient id="SVGCbF2yAVD" x1="11.898" x2="11.898" y1="4.471" y2="16.035" gradientUnits="userSpaceOnUse"><stop stop-color="#ff9359"/><stop offset="1" stop-color="#ffc664"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Xsushi Background アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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