Mind Background アイコン

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

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

token-branded:mind-background

Mind Background アイコン(token-branded:mind-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
タグ: mindbackground

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="url(#SVGDvY3seWQ)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M11.275 4.052a.49.49 0 0 1 .255.433v4.122c0 .15-.071.297-.189.386l-1.35 1.045c.635.442 1.539 1.068 1.539 1.962c0 .946-.824 1.615-1.563 2.029l1.36.964c.127.095.203.24.203.4v4.123a.49.49 0 0 1-.25.428a.46.46 0 0 1-.485-.028L5.62 16.283a2.61 2.61 0 0 1-1.149-2.1c0-.597.264-1.317 1.144-2.164c-.673-.574-1.144-1.27-1.144-2.202c0-1.116 1.294-2.071 2.09-2.584l4.221-3.14a.47.47 0 0 1 .494-.041m-4.81 4.437c-.343.283-1.054.815-1.054 1.328c0 .715.433 1.157.942 1.576l1.412-.927l.94.565l-1.562.965l1.94 1.397c.517-.22 1.505-.706 1.505-1.393c0-.73-1.157-1.18-1.67-1.534c-.815-.565-1.925-1.092-2.448-1.977zm-.093 4.128c-.857.781-.96 1.303-.96 1.567c0 .344.174.908.729 1.294h.005l.4.283a2.62 2.62 0 0 1 1.506-1.54l.696.688c-.565.254-1.148.767-1.256 1.012a.94.94 0 0 0-.085.442l3.181 2.235v-2.95a534 534 0 0 1-4.216-3.031m.865-4.692c.32.687 1.332 1.139 1.925 1.543l1.426-1.106V5.435L7.238 7.93zm5.483-3.869a.46.46 0 0 1 .48.024l4.942 3.398c.823.56 1.388 1.29 1.388 2.339c0 .86-.541 1.586-1.13 2.146c.518.423 1.13 1.13 1.13 2.22c0 1.366-.993 2.02-1.647 2.448l-.212.137c-.358.25-3.13 2.193-4.461 3.148a.46.46 0 0 1-.485.028a.49.49 0 0 1-.254-.428v-4.122c0-.151.07-.297.188-.386l1.322-1.022c-.734-.456-1.51-.979-1.51-1.986c0-.884.908-1.572 1.53-2.037l-1.328-.96a.49.49 0 0 1-.202-.396V4.485a.47.47 0 0 1 .25-.424zm2.1 6.495c-.363.263-1.408.885-1.408 1.45c0 .78 1.148 1.214 1.652 1.524l.019.01c.884.607 1.99 1.124 2.57 2.084c.545-.38.936-.739.936-1.435c0-.767-.485-1.252-.932-1.586L16.236 13.7l-.942-.484l1.553-1.2l-2.023-1.46zm2.8.838l-4.208-3.036V5.388l3.036 2.085c.494.339-.96 1.459-1.154 1.619l.942.485c.527-.438.922-.735 1.162-1.45l.226.155c.55.377.965.815.965 1.535c0 .64-.537 1.176-.97 1.572m-.754 4.767c-.423-.753-1.35-1.158-2.023-1.624l-1.431 1.106v2.951l3.459-2.433z" clip-rule="evenodd"/></g><defs><linearGradient id="SVGDvY3seWQ" x1="12" x2="12" y1="4" y2="20.001" gradientUnits="userSpaceOnUse"><stop stop-color="#ff7eee"/><stop offset="1" stop-color="#9a0086"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Mind Background アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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