Six Background アイコン
token-branded:six-background
Six Background アイコン(token-branded:six-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
- タグ
- sixbackground
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(#SVG3IVuObYJ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.8 6.676v2.789c0 .3-.223.265-.334.21c-.36-.174-1.043-.542-1.147-.592s-.121-.184-.12-.244V7.326c-.01-.234-.129-.324-.185-.34a129 129 0 0 0-2.821-1.35a.6.6 0 0 0-.39 0c-.837.414-2.627 1.259-2.792 1.35a.42.42 0 0 0-.21.34v3.359c.004.227.145.328.21.35c.878.428 2.739 1.3 2.841 1.362s.27.027.342 0l.342-.177c.118-.074.257-.03.312 0l1.368.683c.176.137.073.267 0 .315c-.505.259-1.587.804-1.875.918a1.1 1.1 0 0 1-.733 0c-1.259-.619-3.84-1.898-4.1-2.064s-.316-.478-.308-.613V6.69c.014-.37.32-.582.465-.642c1.2-.597 3.677-1.827 3.982-1.97a.9.9 0 0 1 .738 0A450 450 0 0 1 16.466 6.1a.65.65 0 0 1 .334.576"/><path fill="#fff" d="M7.2 17.324V12.67c0-.3.223-.266.334-.21c.36.174 1.043.531 1.147.582s.121.184.12.243c-.005.343-.011 3.116 0 3.35s.129.324.185.34l2.796 1.39a.58.58 0 0 0 .39 0l2.847-1.39c.164-.09.181-.265.18-.34c.003-.958.005-3.206 0-3.434c-.004-.227-.114-.328-.18-.35c-.878-.428-2.769-1.295-2.871-1.358c-.103-.063-.27-.027-.342 0l-.342.177c-.118.074-.257.03-.312 0l-1.368-.683c-.176-.136-.073-.267 0-.315c.505-.259 1.587-.804 1.875-.918s.609-.047.733 0c1.259.619 3.84 1.898 4.1 2.064s.316.506.308.641v4.85c-.014.37-.32.582-.465.642c-1.2.597-3.677 1.827-3.982 1.97a.9.9 0 0 1-.738 0a444 444 0 0 1-4.081-2.023a.66.66 0 0 1-.334-.575"/><path fill="#fdd35a" d="M9.601 16.38v-2.232c0-.19.108-.155.181-.122c.674.301 2.037.912 2.101.944a.2.2 0 0 0 .162 0a380 380 0 0 0 2.153-.944c.169-.079.205.049.201.122a288 288 0 0 0 0 2.232c.004.077-.052.137-.08.158c-.693.321-2.1.977-2.2 1.03a.3.3 0 0 1-.255 0c-.653-.293-1.992-.894-2.123-.946s-.148-.183-.14-.242"/></g><defs><linearGradient id="SVG3IVuObYJ" x1="12" x2="12" y1="0" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#25a7df"/><stop offset="1" stop-color="#655ba7"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Six Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:six-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:six-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:six-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--six-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:six-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:six-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/six-background.svg" alt="Six Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Six Background アイコン のよくある質問
Six Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Six Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:six-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Six Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/six-background.svg" alt="Six Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。