Xwg Background アイコン

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

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

token-branded:xwg-background

Xwg Background アイコン(token-branded:xwg-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
タグ: xwgbackground

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="#d42c78" d="M24 0H0v24h24z"/><path fill="#fff" d="M20 12.196s-.328-.72-1.107-1.175l-.097.539a4.1 4.1 0 0 1 1.204.631zM4 7.197s.354.817.657 2.105l.412-1.115z"/><path fill="#fff" d="m5.07 8.187l-.413 1.112c.232.989.413 2.26.38 3.663l.715-2.085c-.05-.404-.097-.833-.168-1.284l.458.438l.245-.707z"/><path fill="#fff" d="M6.577 11.523s.472 2.711-.657 5.28c0 0 .135-.051.388-.127l1.339-4.126a9 9 0 0 1-1.07-1.027m-.303-2.224l-.244.72l1.87 1.748l.243-.746zm-2.021 7.466s2.118-.169 1.486-5.9l-.716 2.089a11.4 11.4 0 0 1-.766 3.81z"/><path fill="#fff" d="m10.089 10.9l-.476.623s.16.185.425.455l.194-.918a2 2 0 0 1-.143-.16m.51-1.478l.365-1.71l-2.783 3.348l-.038-.038l-.244.745l.282.257zM7.22 15.594s.316-1.237.22-2.26l1.852 1.17s.088-.046.236-.16l.278-1.305c-.156.126-.316.257-.497.379c0 0-.716-.135-1.663-.868l-1.34 4.127a17 17 0 0 1 2.834-.594l.215-.981q-1.09.153-2.135.492"/><path fill="#fff" d="m11.074 8.908l1.575 1.748l.21-.952l-1.886-1.992h-.013l-.362 1.71l.472-.514zm.93 4.804l.17-.796c-.157-.122-.338-.282-.548-.45c.27-.282.564-.61.854-.968v-.021l-.496-.611s-.329.438-.935 1.053q-.417-.415-.817-.847l-.194.914l.464.463c-.211.198-.451.396-.695.602l-.278 1.306c.295-.207.863-.645 1.579-1.356q.438.368.897.711m-2.648 1.381l-.214.977a21 21 0 0 1 2.391-.185l.21-.964c-.757 0-1.557.046-2.387.168z"/><path fill="#fff" d="M13.305 13.601s-.35-.076-1.128-.686l-.169.796c.472.336.969.644 1.445.829c0 0 .45-.707 1.191-1.453l.206-1.09a8.4 8.4 0 0 0-1.545 1.6zm.573-1.579l1.166-1.099l.206-1.111l-1.225 1.136l-1.166-1.246l-.21.952zm-2.14 2.91l-.21.968a20 20 0 0 1 2.544.105l.168-.905a19 19 0 0 0-2.501-.168m5.482-4.252l-.244.905a3.15 3.15 0 0 1 1.81-.012l.097-.54a2.65 2.65 0 0 0-1.667-.353z"/><path fill="#fff" d="M16.598 15.606s-.244-.076-.657-.185l-.219.829c.682.135 1.373.32 2.08.539c0 0-1.07-2.05-.825-5.221l-.707 2.619c.075.463.18.939.328 1.419"/><path fill="#fff" d="M16.572 9.459s-.219.61-.35 1.612a8.3 8.3 0 0 0-1.389.927l-.202 1.09a6.8 6.8 0 0 1 1.516-1.162c-.038.76.004 1.522.126 2.274l.943-3.52c-.046 0-.084.013-.13.013c.183-1.203.53-2.375 1.032-3.483c0 0-1.643 1.491-2.843 2.603l-.21 1.111zM14.24 15.1l-.169.905q.802.094 1.642.257l.22-.83a15 15 0 0 0-1.693-.332"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Xwg Background アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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