Plasma Background アイコン

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

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

token-branded:plasma-background

Plasma Background アイコン(token-branded:plasma-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
タグ: plasmabackground

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="#162f29" d="M24 0H0v24h24z"/><path fill="#fff" d="m20 12.043l-.003.243h-3.892v-.177H12.36l.002-.11l-.002-.11h3.746v-.176h3.887q.007.165.007.33m-7.706-.798l3.665-.451l.023.176l3.87-.476a8 8 0 0 0-.131-.562l-3.81.469l.022.176l-3.683.453q.026.108.044.217zm-.19-.71l3.502-.875l.043.172l3.717-.928a9 9 0 0 0-.247-.53l-3.608.902l.043.171l-3.532.883q.043.103.081.207zm-.311-.664l3.274-1.236l.063.166l3.464-1.309a8 8 0 0 0-.355-.48l-3.312 1.251l.063.166l-3.315 1.251q.061.094.118.191m-.43-.614l2.892-1.507l.081.157l3.198-1.667a8 8 0 0 0-.457-.41L14.07 7.398l.08.158l-2.94 1.533q.077.083.15.17zm-.698-.663l2.619-1.665l.095.15l2.89-1.838a8 8 0 0 0-.559-.324l-2.638 1.677l.095.15l-2.694 1.713q.099.066.193.137m-.619-.387l2.195-1.8l.112.138l2.472-2.028a8 8 0 0 0-.643-.215L11.99 6.101l.112.137l-2.275 1.865q.112.049.22.104m-.819-.318l1.734-1.726l.124.126l2.202-2.19a8 8 0 0 0-.726-.086l-1.879 1.869l.124.125l-1.83 1.822q.126.025.251.06m-.958-.145l1.38-1.676l.137.113L11.588 4q-.411.02-.81.079L9.346 5.816l.137.112l-1.497 1.815a5 5 0 0 1 .284 0m-.829.05l1.065-1.648l.149.096L9.94 4.25q-.442.116-.862.277L8.173 5.93l.148.096l-1.18 1.827a4 4 0 0 1 .3-.06m-.92.256l.766-1.436l.155.084l1.014-1.9a8 8 0 0 0-.937.538l-.583 1.092l.157.083l-.902 1.69q.16-.082.33-.15zm-.66.337l.325-.925l.167.06l.633-1.797a8 8 0 0 0-.902.834l-.272.772l.167.06l-.426 1.21q.149-.114.307-.213zm-.812.662l.143-.672l.173.037l.29-1.354a8 8 0 0 0-.806 1.242l.129.028l-.264 1.113q.155-.207.335-.394m-.597.785v-.89c-.216.57-.369 1.277-.451 1.971c.1-.384.254-.747.45-1.08m-.445 3.271q.128.891.439 1.707v-.657a4.3 4.3 0 0 1-.44-1.05m.734 1.49l.231 1.075l-.129.028q.348.66.806 1.242l-.29-1.354l-.173.037l-.146-.68a4 4 0 0 1-.299-.35zm.803.799l.43 1.217l-.168.059l.273.773q.419.45.901.833l-.633-1.796l-.166.059l-.327-.93a5 5 0 0 1-.308-.213zm.64.402l.904 1.694l-.157.084l.583 1.091q.45.3.938.538l-1.014-1.9l-.157.084l-.768-1.44a4 4 0 0 1-.33-.15zm.951.35l1.181 1.828l-.148.097l.906 1.403q.42.162.862.277l-1.287-1.993l-.149.096l-1.066-1.65a4 4 0 0 1-.3-.06zm.844.111l1.497 1.815l-.137.112l1.434 1.737q.398.06.809.079l-1.8-2.182l-.137.112l-1.382-1.675q-.075.002-.152.002q-.067 0-.133-.002zm.993-.085l1.83 1.82l-.124.125l1.878 1.87q.369-.029.727-.088l-2.202-2.19l-.125.127l-1.733-1.725a4 4 0 0 1-.251.06m.853-.273l2.272 1.865l-.112.136l2.192 1.799q.328-.095.643-.215l-2.472-2.027l-.113.136l-2.192-1.798a4 4 0 0 1-.22.104zm.644-.354l2.69 1.711l-.094.15l2.638 1.677q.287-.152.559-.324l-2.89-1.838l-.095.15l-2.615-1.663a5 5 0 0 1-.194.138zm.742-.63l2.937 1.53l-.081.158l3.006 1.566a8 8 0 0 0 .458-.409l-3.199-1.667l-.08.157l-2.89-1.505a4 4 0 0 1-.15.17zm.464-.594l3.31 1.25l-.063.166l3.312 1.25q.185-.233.356-.48L15.124 15.2l-.063.166l-3.27-1.235a4 4 0 0 1-.117.191m.347-.649l3.526.88l-.043.172l3.608.902q.135-.26.248-.53l-3.717-.928l-.043.172l-3.498-.874q-.039.104-.081.206m.23-.7l3.676.452l-.022.176l3.81.47q.076-.28.13-.562l-3.87-.477l-.021.176l-3.66-.45a4 4 0 0 1-.044.216"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Plasma Background アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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