Immutable Background アイコン

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

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

token-branded:immutable-background

Immutable Background アイコン(token-branded:immutable-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
タグ: immutablebackground

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="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 4c-4.421 0-8 3.579-8 8s3.579 8 8 8s8-3.579 8-8s-3.579-8-8-8m-.343 3.236a.67.67 0 0 1 .671.022c.746.425 1.491.858 2.237 1.29a.71.71 0 0 1 .358.641c.007.97 0 1.931 0 2.9c0 .038-.023.09-.053.105c-.283.171-.581.335-.894.522V9.584c0-.194-.067-.313-.231-.41q-1.297-.74-2.595-1.49l-.134-.083c.231-.142.425-.26.641-.365m-.164 9.886c-.052-.022-.082-.045-.12-.06c-1.14-.656-2.288-1.327-3.436-1.975c-.321-.187-.47-.448-.463-.813q.012-1.174 0-2.349c0-.35.142-.61.455-.782q1.21-.694 2.408-1.387c.068-.037.12-.045.194 0q.415.246.85.492c-.06.037-.097.06-.142.082c-.864.5-1.737 1.006-2.602 1.499c-.141.082-.208.186-.208.35c.007.619.007 1.23 0 1.849c0 .171.067.276.208.358c.918.522 1.835 1.059 2.752 1.58c.074.045.112.09.112.187c-.008.32-.008.634-.008.97m0-1.76a4 4 0 0 1-.194-.111c-.73-.418-1.454-.843-2.184-1.26c-.082-.045-.112-.09-.105-.187c.008-.47 0-.947 0-1.416c0-.067.008-.112.075-.142c.268-.15.537-.306.798-.462a.3.3 0 0 1 .074-.038v.53c0 .29.008.574 0 .865c0 .164.06.276.201.358c.41.23.82.477 1.23.708c.083.045.105.097.105.186zm-.835-6.218a.39.39 0 0 0-.44 0q-1.296.759-2.602 1.506c-.037.023-.075.038-.142.075c.023-.328-.044-.641.067-.94a.7.7 0 0 1 .329-.372l2.17-1.253a.75.75 0 0 1 .797.008c.82.477 1.648.947 2.468 1.424c.037.022.082.067.082.097c.007.335 0 .678 0 1.043c-.299-.171-.574-.335-.85-.492c-.626-.365-1.253-.723-1.879-1.096m5.786 5.324c-.023.268-.18.455-.41.589c-.88.507-1.767 1.014-2.647 1.528c-.276.157-.552.32-.828.477a1 1 0 0 1-.112.06c0-.045-.007-.082-.007-.112v-.88c0-.067.015-.104.074-.141c1.283-.738 2.573-1.484 3.855-2.222a.3.3 0 0 1 .075-.037c.007.26.022.5 0 .738m.007-1.834c0 .305-.164.514-.425.663c-1.006.582-2.013 1.156-3.012 1.737c-.186.105-.365.21-.567.321c0-.052-.007-.082-.007-.12v-.864c0-.082.022-.127.097-.164c.91-.522 1.826-1.051 2.736-1.573c.164-.09.231-.209.231-.395c-.007-.992 0-1.991 0-2.983v-.171c.239.141.462.26.664.41a.67.67 0 0 1 .283.56c.008.857.008 1.714 0 2.579"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Immutable Background アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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