Sys アイコン
token:sys
Sys アイコン(token:sys)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.74 18.05a9.5 9.5 0 0 1-1.63 1.133c.111-.088-.24-.458-.133-.552c2.652-2.31 3.258-5.283 2.188-7.9c-.145-.352.16-.494.162-.818c2.443 2.312 2.18 5.728-.587 8.137"/><path fill="currentColor" d="M19.326 9.915c-.897-.85-2.155-1.55-3.788-1.997l-.02-.005l.022.005c.536.141.578.762.947 1.076c.79.672 1.006 1.531 1.087 2.668c.121 1.689.112 3.36-1.12 4.849c-.648.78-1.465 1.49-2.43 1.908a6 6 0 0 1-.215.094l-.032.012c-.5.199-1.02.348-1.55.444c-2 .379-4.643.221-7.842-.797a11.6 11.6 0 0 0 4.027 2.022c1.459.399 2.982.511 4.483.33q.006 0 .011-.003a11.7 11.7 0 0 0 3.028-.777h.003q.602-.245 1.171-.56q.17-.133.33-.275c3.01-2.621 3.692-6.178 1.888-8.994"/><path fill="currentColor" d="M13.809 18.512c3.74-1.526 3.94-5.394-.405-7.57c-3.158-1.582-1.763-4.092 2.135-3.024c4.356 1.146 3.068 8.74-1.73 10.594"/><path fill="currentColor" d="M19.616 5.83c-4.11-1.31-7.298-1.197-9.391-.353l-.03.012c-3.112 1.269-3.775 4.157-1.41 6.345c-.624-.518-1.335-1.067-1.642-1.767c-.394-.893-.512-1.998-.354-2.928c.213-1.257 1.006-2.391 2.312-3.083c.52-.277 1.302-.473 2.006-.58c2.764-.33 5.834.284 8.508 2.353"/><path fill="currentColor" d="M9.48 16.291c-.27-.087-.574-.129-.824-.23c-3.174-1.277-4.87-3.655-4.809-6.003c.044-1.667 1.02-3.356 2.619-4.748c.452-.393 1.048-.726 1.597-1.052l.004-.002a11.7 11.7 0 0 1 3.04-.78a6 6 0 0 0-.735.156C6.264 4.75 6.018 9.537 8.785 11.835l.003.001c.478.442 1.08.857 1.81 1.222c2.863 1.436 1.983 3.635-1.117 3.233"/><path fill="currentColor" d="M9.478 16.293a7.5 7.5 0 0 1-1.019-.208C2.373 14.419 1.48 9.242 5.26 5.95a10 10 0 0 1 2.801-1.692q-.802.474-1.508 1.083C2.527 8.848 3.329 14.3 9.478 16.292"/></svg>Sys アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:sys" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:sys" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:sys" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--sys]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:sys"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:sys"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/sys.svg" alt="Sys アイコン" width="24" height="24">他のアイコンセットの Sys アイコン
Sys アイコン のよくある質問
Sys アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sys アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:sys" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sys アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/sys.svg" alt="Sys アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。