Sxp アイコン
token-branded:sxp
Sxp アイコン(token-branded:sxp)は、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="url(#SVG1xOVOOOO)" d="M11.95 3.001q-.255 0-.518.034a3.57 3.57 0 0 0-2.136 1.03L8.03 5.334l-.652.647l-.686.675l-.63.635l-.984.978l-.748.782c-.146.152-.303.292-.444.45a3.83 3.83 0 0 0-.883 2.609c-.022.416.147.956.394 1.462c.135.281.32.528.495.776c.123.169.208.169.37.04l.085-.085l.473-.49l.691-.708l.709-.753c.112-.113.236-.225.348-.349l.731-.77c.237-.248.484-.484.731-.731l.793-.833l.754-.747c.326-.327.64-.67.967-1.001l.596-.596l.81-.821c.23-.236.472-.461.708-.692l1.558-1.563l.095-.113c.124-.151.136-.19-.022-.303c-.248-.175-.495-.36-.77-.49a3.6 3.6 0 0 0-1.547-.337h-.022zm4.003 3.256c-.483.017-.905.169-1.22.563l-.084.078l-.844.816l-.866.866l-.72.714c-.247.247-.489.506-.742.753l-.793.77l-.95.945l-1.749 1.75l-2.316 2.316c-.147.146-.152.169 0 .32l1.113 1.125c.225.225.5.382.815.439c.304.056.613.056.911-.029c.22-.067.428-.157.596-.32l.917-.883c.214-.202.433-.405.647-.618l1.265-1.254l1.051-1.013l1.434-1.4l1.35-1.31c.197-.191.382-.168.528.056c.253.41.4.855.338 1.35a1.92 1.92 0 0 1-.478 1.102c-.338.354-.686.686-1.035 1.03l-.742.724l-.945.945c-.05.056-.095.113-.146.158l-.31.32l-.702.697c-.248.248-.49.506-.731.76l-.073.056l-.787.776c-.13.118-.248.241-.372.365c-.208.208-.421.416-.624.636c-.123.129-.123.208.023.309c.247.18.5.36.77.489a3.7 3.7 0 0 0 1.575.337h.005c.92.037 1.817-.29 2.497-.91c.405-.355.77-.76 1.153-1.142l.849-.855l.798-.798c.242-.247.484-.495.731-.731c.27-.276.551-.534.827-.804c.28-.281.55-.557.82-.844a3.93 3.93 0 0 0 1.232-3.374a3.8 3.8 0 0 0-.585-1.53c-.168-.263-.258-.376-.776-.882c-.759-.76-1.524-1.518-2.271-2.294a1.74 1.74 0 0 0-1.384-.574"/><defs><linearGradient id="SVG1xOVOOOO" x1="5.019" x2="18.143" y1="6.054" y2="18.754" gradientUnits="userSpaceOnUse"><stop stop-color="#eb5756"/><stop offset="1" stop-color="#ee8533"/></linearGradient></defs></g></svg>Sxp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:sxp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:sxp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:sxp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--sxp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:sxp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:sxp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/sxp.svg" alt="Sxp アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Sxp アイコン
Sxp アイコン のよくある質問
Sxp アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sxp アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:sxp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sxp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/sxp.svg" alt="Sxp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。