Slp Background アイコン

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

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

token-branded:slp-background

Slp Background アイコン(token-branded:slp-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
タグ: slpbackground

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="#043013" fill-rule="evenodd" d="m9.868 6.363l-.405-1.609c.298-.258 1.146-.772 2.148-.753c1.003.018 1.755.33 2.006.482l-.207 1.602h.034c1.126.382 5.344 3.852 5.344 7.911c0 4.06-3.761 6.038-6.995 6.004s-6.75-2.012-6.574-6.42c.13-3.247 2.934-5.999 4.649-7.217" clip-rule="evenodd"/><path fill="#55d290" d="M5.703 13.541c.131-3.262 3.188-5.983 4.7-6.935h2.939c1.044.353 4.961 3.564 4.961 7.32s-3.493 5.586-6.496 5.554s-6.267-1.861-6.104-5.939"/><path fill="#fbb7cf" d="M6.752 14.219c-.013-1.366.497-2.362.754-2.688l8.767-.304c.297.49.894 1.774.908 2.991c.017 1.521-1.799 4.48-5.326 4.395c-3.528-.085-5.086-2.688-5.103-4.394"/><path fill="#fedeeb" d="M12.026 12.001c2.402 0 4.35-.332 4.35-.742s-1.948-.741-4.35-.741s-4.35.332-4.35.741c0 .41 1.948.742 4.35.742"/><path fill="#f3fffa" d="M9.493 8.607c-.59-.027-1.125.637-1.456 1.15c-.33.62-1.013 2.156 0 1.927c1.014-.23 1.61-1.2 1.781-1.657c.137-.462.264-1.393-.325-1.42"/><path fill="#fd93b7" d="M10.04 16.99c-.232-1.19 1.364-2.58 2.192-3.127c.955-.63 3.531-1.16 4.161-.186c.788 1.217-.753 2.907-1.883 3.668c-1.13.76-4.179 1.132-4.47-.355"/><path fill="#fff8fd" d="M16.281 16.383c-.279-.16-.827.177-1.067.365c-.229.152-.605.535-.282.855c.324.319.874-.112 1.08-.31c.224-.275.548-.75.27-.91"/><path fill="#cfe7e2" fill-opacity=".8" d="m6.467 14.838l-.453-1.546l.563.678l1.648-1.437l2.582 1.898l2.486-2.17l2.54 1.41l1.278-1.762l.714 1.301l-.714-.826l-1.154 1.965l-2.664-1.342l-2.486 2.359l-2.665-2.074z"/><path fill="#043013" d="M10.73 7.19c-.63-.3-.748-.666-.798-.811c1.129-.078 3.38-.187 3.356 0s-.514.618-.756.81z"/><path fill="url(#SVGXNYcsdZf)" d="M11.566 7.62c-1.34-.041-1.601-1.667-1.564-2.474c.158-.262.68-.54 1.564-.593c.708-.042 1.285.378 1.486.593c.063.842-.146 2.517-1.486 2.475"/><path fill="#8fd366" d="M10.634 8.047c-.341-.312-.437-.848-.442-1.076c.258.27.936.792 1.58.718c.645-.076 1.28-.573 1.518-.812v.422c-.14.923-1.07 1.143-1.518 1.138c-.237 0-.796-.078-1.138-.39"/></g><defs><linearGradient id="SVGXNYcsdZf" x1="11.999" x2="11.999" y1="5.815" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#f8c74b"/><stop offset=".343" stop-color="#f38c34"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Slp Background アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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