Slp アイコン
token-branded:slp
Slp アイコン(token-branded:slp)は、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="#043013" fill-rule="evenodd" d="m9.601 5.659l-.455-1.81c.335-.292 1.288-.87 2.416-.848c1.129.02 1.975.37 2.257.543l-.233 1.802h.039c1.266.43 6.011 4.333 6.011 8.9s-4.231 6.792-7.87 6.754c-3.638-.04-7.593-2.264-7.395-7.222c.145-3.653 3.301-6.75 5.23-8.12" clip-rule="evenodd"/><path fill="#55d290" d="M4.916 13.734c.147-3.67 3.587-6.73 5.288-7.801h3.305c1.175.397 5.582 4.009 5.582 8.234c0 4.226-3.93 6.284-7.308 6.248c-3.379-.036-7.051-2.094-6.867-6.681"/><path fill="#fbb7cf" d="M6.096 14.496c-.015-1.537.559-2.657.848-3.024l9.863-.342c.334.551 1.005 1.996 1.02 3.365c.02 1.712-2.022 5.04-5.99 4.944c-3.969-.095-5.722-3.023-5.741-4.943"/><path fill="#fedeeb" d="M12.03 12.001c2.702 0 4.893-.374 4.893-.835s-2.191-.834-4.893-.834s-4.894.373-4.894.834s2.191.835 4.894.835"/><path fill="#f3fffa" d="M9.18 8.184c-.663-.031-1.266.716-1.638 1.292c-.372.698-1.14 2.427 0 2.168s1.811-1.35 2.004-1.863c.153-.52.296-1.567-.366-1.597"/><path fill="#fd93b7" d="M9.795 17.614c-.261-1.34 1.535-2.903 2.466-3.518c1.074-.71 3.972-1.304 4.681-.209c.886 1.369-.847 3.27-2.119 4.126c-1.271.856-4.7 1.274-5.028-.4"/><path fill="#fff8fd" d="M16.816 16.93c-.314-.18-.931.2-1.201.412c-.257.17-.68.602-.316.961c.364.36.982-.125 1.214-.349c.253-.308.617-.843.303-1.023"/><path fill="#cfe7e2" fill-opacity=".8" d="m5.775 15.192l-.51-1.74l.633.764l1.855-1.617l2.904 2.135l2.797-2.44l2.858 1.586l1.437-1.982l.804 1.463l-.804-.93l-1.298 2.212l-2.997-1.51l-2.797 2.653l-2.997-2.333z"/><path fill="#043013" d="M10.57 6.588c-.707-.337-.84-.749-.897-.912c1.27-.088 3.803-.21 3.776 0s-.578.696-.85.912z"/><path fill="url(#SVGQcHWpRrK)" d="M11.512 7.073c-1.508-.047-1.802-1.876-1.76-2.785c.178-.294.764-.608 1.76-.667c.796-.046 1.445.426 1.671.668c.071.947-.164 2.831-1.671 2.784"/><path fill="#8fd366" d="M10.463 7.553c-.384-.351-.491-.954-.497-1.21c.29.303 1.053.89 1.778.806s1.44-.643 1.707-.913v.475c-.157 1.038-1.204 1.286-1.708 1.28c-.266 0-.896-.087-1.28-.438"/><defs><linearGradient id="SVGQcHWpRrK" x1="11.999" x2="11.999" y1="5.041" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#f8c74b"/><stop offset=".343" stop-color="#f38c34"/></linearGradient></defs></g></svg>Slp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:slp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:slp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:slp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--slp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:slp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:slp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/slp.svg" alt="Slp アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Slp アイコン のよくある質問
Slp アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Slp アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:slp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Slp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/slp.svg" alt="Slp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。