Sys Background アイコン
token-branded:sys-background
Sys Background アイコン(token-branded:sys-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
- タグ
- sysbackground
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="#20468f" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.99 17.378a8.4 8.4 0 0 1-1.448 1.007c.1-.078-.212-.407-.118-.491c2.358-2.053 2.896-4.696 1.945-7.021c-.129-.314.142-.44.143-.728c2.172 2.055 1.938 5.091-.521 7.233"/><path fill="#fff" d="M18.512 10.146c-.797-.755-1.915-1.377-3.367-1.774l-.018-.005l.02.005c.477.125.514.677.842.956c.702.597.894 1.361.966 2.371c.108 1.502.1 2.988-.996 4.31c-.575.695-1.302 1.326-2.16 1.697l-.191.083l-.028.01q-.669.267-1.377.396c-1.778.336-4.128.196-6.972-.709a10.3 10.3 0 0 0 3.58 1.798c1.297.354 2.65.454 3.985.293q.004 0 .01-.003a10.4 10.4 0 0 0 2.691-.69h.003q.535-.218 1.041-.498q.15-.119.293-.245c2.675-2.33 3.282-5.491 1.678-7.995"/><path fill="#fff" d="M13.608 17.788c3.324-1.356 3.503-4.794-.36-6.729c-2.807-1.406-1.567-3.637 1.898-2.687c3.872 1.018 2.727 7.768-1.538 9.416"/><path fill="#fff" d="M18.77 6.515c-3.654-1.163-6.488-1.063-8.348-.313l-.027.01C7.63 7.341 7.04 9.908 9.143 11.852c-.554-.46-1.187-.948-1.46-1.57a4.77 4.77 0 0 1-.315-2.603c.19-1.117.895-2.125 2.056-2.74c.462-.246 1.157-.421 1.784-.515a10.25 10.25 0 0 1 7.561 2.09"/><path fill="#fff" d="M9.76 15.814c-.24-.077-.51-.114-.732-.204c-2.821-1.136-4.329-3.25-4.275-5.336c.039-1.482.907-2.984 2.328-4.221c.402-.35.932-.645 1.42-.935l.003-.002a10.4 10.4 0 0 1 2.703-.693q-.332.05-.654.138c-3.651.995-3.87 5.25-1.41 7.292l.002.001c.425.393.96.762 1.61 1.086c2.544 1.276 1.761 3.231-.994 2.874"/><path fill="#fff" d="M9.759 15.816a7 7 0 0 1-.906-.185c-5.41-1.481-6.204-6.082-2.844-9.009A8.9 8.9 0 0 1 8.5 5.12q-.713.42-1.34.963c-3.58 3.116-2.867 7.962 2.6 9.734"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Sys Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:sys-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:sys-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:sys-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--sys-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:sys-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:sys-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/sys-background.svg" alt="Sys Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Sys Background アイコン のよくある質問
Sys Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sys Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:sys-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sys Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/sys-background.svg" alt="Sys Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。