ICONYZ
日本語
Web3 Icons Branded の Let Background アイコン

Let Background アイコン

token-branded:let-background

Let Background アイコン(token-branded:let-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
タグ
letbackground
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="#106bbe" d="M24 0H0v24h24z"/><path fill="#fff" d="M15.38 19.252A8 8 0 0 1 12 20a8 8 0 0 1-3.413-.763c.545.079 1.183.097 1.777.083c.728-.018 1.394-.083 1.747-.147c.891.146 2.142.182 3.27.08m.26-.127c-1.076.123-2.309.11-3.24-.01c1.633-.375 4.064-1.592 5.634-4.007a.2.2 0 0 0 .228-.008a.2.2 0 0 0 .08-.214a.2.2 0 0 0-.092-.128c.606-1.031 1.056-2.264 1.237-3.724c.208.622.36 1.295.44 2.021h.003a8 8 0 0 1-4.29 6.07m-3.53-.053c1.61-.293 4.212-1.5 5.853-4.04a.2.2 0 0 1 .002-.203a.21.21 0 0 1 .178-.101h.008c.634-1.072 1.097-2.367 1.26-3.912a9 9 0 0 0-.456-1.053a.205.205 0 0 1-.168-.315c-1.36-2.441-3.555-3.826-4.888-4.29a.206.206 0 0 1-.344-.067c-1.614-.049-4.141.446-6.18 2.207a.205.205 0 0 1-.287.259c-.928.878-1.736 2.039-2.282 3.556a.205.205 0 0 1-.082.295c.308 1.96 1.615 5.077 4.603 6.715a.205.205 0 0 1 .351.182a8.8 8.8 0 0 0 2.433.767M7.317 7.217a.205.205 0 0 0-.302.273c-.928.879-1.737 2.039-2.287 3.55a.2.2 0 0 0-.055-.018c-.061-.578-.102-1.568.045-2.334a8.03 8.03 0 0 1 4.195-4.07v.003a12 12 0 0 1 2.12-.046c.78.046 1.631.166 2.378.413c-1.635-.015-4.094.507-6.094 2.23M4.562 9.05c-.079.7-.042 1.485.01 1.978a.206.206 0 0 0 .023.398q-.3.97-.474 1.972a8.05 8.05 0 0 1 .441-4.348m4.717 9.162a.205.205 0 0 0 .356.184a9 9 0 0 0 2.17.723c-.367.047-.886.088-1.443.102c-.718.017-1.494-.014-2.088-.139a8.01 8.01 0 0 1-4.097-5.398c.1-.68.287-1.49.475-2.106c.353 1.986 1.682 5.02 4.627 6.634m10.695-5.573a8 8 0 0 0-.4-3.22q.009.695-.06 1.385c.203.568.361 1.18.46 1.835m-.508-3.515a8 8 0 0 0-2.48-3.378c-.461-.22-1.115-.376-1.737-.48a14 14 0 0 0-1.162-.145c1.358.519 3.453 1.897 4.775 4.257a.205.205 0 1 1 .193.363q.206.405.378.848q.06-.699.033-1.465m-2.788-3.612a8.6 8.6 0 0 0-1.412-.345a14 14 0 0 0-1.313-.156a.205.205 0 0 0-.392-.076c-.787-.278-1.697-.41-2.524-.459a13 13 0 0 0-1.79.012A8 8 0 0 1 11.999 4c1.747 0 3.364.561 4.68 1.51M18 12a6 6 0 1 1-12-.002A6 6 0 0 1 18 12"/><path fill="#fff" fill-rule="evenodd" d="M12 15a2.997 2.997 0 0 0 3-3a3 3 0 0 0-1.852-2.771A3 3 0 1 0 12 15m-.75-3.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Let Background アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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