Scs アイコン
token-branded:scs
Scs アイコン(token-branded:scs)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#d9d9d9" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="url(#SVGLgVlpb5Y)" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94"/><path fill="#16191d" d="M11.471 5.118v-.794L7.236 8.56l-2.382 6.352l1.852.53l4.5-3.177l4.236 2.647l-4.765 2.118l1.059.53l6.353-2.648l-6.882-5.294l-5.56 4.5l1.854-5.03z"/><path fill="#1f232a" d="m16.499 9.089l.265.794l-3.441-3.441l.529 2.912l4.235 3.97l.794 1.853l-6.617-5.559l-.265-5.294z"/><path fill="#d2d2d4" d="M15.176 12.529V10.94h.392v.64h.275v-.64h.392v1.588h-.392v-.694h-.275v.694zm-.768 0a.7.7 0 0 1-.301-.053a.37.37 0 0 1-.186-.159a.6.6 0 0 1-.068-.28l.365-.043q-.002.104.021.159q.023.064.053.09a.2.2 0 0 0 .095.026q.063.002.085-.037a.13.13 0 0 0 .021-.074a.23.23 0 0 0-.053-.159a.8.8 0 0 0-.159-.137l-.169-.117a1 1 0 0 1-.185-.164a.37.37 0 0 1-.074-.238a.35.35 0 0 1 .148-.296a.66.66 0 0 1 .392-.106q.16.002.248.042a.34.34 0 0 1 .143.106a.6.6 0 0 1 .07.148c.01.053.02.095.02.143l-.37.037c0-.047 0-.085-.01-.122a.14.14 0 0 0-.033-.074q-.023-.031-.079-.031a.1.1 0 0 0-.09.042a.14.14 0 0 0-.026.08a.2.2 0 0 0 .053.142l.132.106l.159.117a.8.8 0 0 1 .212.195a.4.4 0 0 1 .09.265a.34.34 0 0 1-.064.201a.4.4 0 0 1-.175.138a.6.6 0 0 1-.264.053m-1.614 0l.317-1.588h.424l.318 1.588h-.344l-.053-.334h-.25l-.057.334zm.444-.53h.18l-.09-.635zm-1.228.53a.7.7 0 0 1-.323-.064a.37.37 0 0 1-.169-.18a.7.7 0 0 1-.048-.27v-.556c0-.105.016-.2.053-.275a.35.35 0 0 1 .159-.18a.7.7 0 0 1 .328-.063q.2.002.313.053a.4.4 0 0 1 .158.159a.55.55 0 0 1 .048.232v.133h-.392v-.239a.1.1 0 0 0-.037-.068q-.025-.032-.09-.032q-.063 0-.095.032a.14.14 0 0 0-.037.069v.915l.042.07q.033.021.09.02c.043 0 .074-.005.09-.026a.13.13 0 0 0 .032-.069l.005-.09v-.164h.392v.132q0 .135-.048.239a.34.34 0 0 1-.158.158a.6.6 0 0 1-.313.064m-3.054-2.393v-.254l-1.44 1.355l-.81 2.033l.63.17l1.53-1.017l1.434.847l-1.614.678l.36.17l2.154-.848l-2.334-1.694l-1.89 1.44l.63-1.61z"/><path fill="#d2d2d4" d="m10.66 11.407l.09.254l-1.164-1.101l.174.931l1.44 1.27l.27.594l-2.25-1.78l-.084-1.693z"/><defs><linearGradient id="SVGLgVlpb5Y" x1="8.343" x2="15.374" y1="3.844" y2="20.437" gradientUnits="userSpaceOnUse"><stop stop-color="#383d45"/><stop offset="1" stop-color="#1a1d22"/></linearGradient></defs></g></svg>Scs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:scs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:scs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:scs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--scs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:scs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:scs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/scs.svg" alt="Scs アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Scs アイコン のよくある質問
Scs アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Scs アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:scs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/scs.svg" alt="Scs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。