Stosmo Background アイコン
token-branded:stosmo-background
Stosmo Background アイコン(token-branded:stosmo-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
- タグ
- stosmobackground
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="#e91179" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.036 4.41c.955.48 1.897 1.337 2.245 2.048c.282.57.301.673.179 1.068a1.366 1.366 0 0 1-1.342 1.022c-.49 0-.508-.015-.475-.311c.028-.235.108-.32.32-.348c.358-.048.57-.222.57-.457c0-.292-1.305-1.436-2.072-1.817c-1.012-.504-1.577-.442-1.577.17a.58.58 0 0 1-.183.395c-.269.226-.5-.141-.5-.8c0-1.356 1.225-1.78 2.835-.97m-1.469 1.069c0 .14-.33.4-.414.32c-.118-.118.056-.42.24-.42c.094 0 .174.048.174.1m1.982 1.044l.47.415l-.305.612c-.565 1.12-.565 1.115-.132 1.798a7.13 7.13 0 0 1 .903 4.858a7.24 7.24 0 0 1-5.21 5.61c-.942.245-2.566.245-3.507 0a7.34 7.34 0 0 1-5.098-5.05c-.306-1.14-.259-2.768.113-3.926a7.18 7.18 0 0 1 6.806-4.957c.692 0 1.394.184 2.086.4l.786.25l.753-.518l.748-.508l.56.301c.306.165.772.49 1.027.715m-7.052.109c-5.29.875-7.357 7.211-3.558 10.906a6.51 6.51 0 0 0 9.155.005c1.695-1.648 2.335-3.87 1.76-6.1a6.15 6.15 0 0 0-1.6-2.886a6.58 6.58 0 0 0-5.757-1.925m7.81.842c0 .17-.208.34-.306.245c-.033-.033-.024-.165.018-.296c.08-.25.283-.212.283.047zm-3.964.683c.74.73.236 1.977-.8 1.977c-.927 0-1.389-1.177-.758-1.916a1.06 1.06 0 0 1 1.553-.061zm1.271 1.784c.438.315-.01 1.205-.466.918c-.367-.23-.433-.457-.226-.772c.217-.33.39-.367.692-.146m.95 1.944c.392.108.848.325 1.018.475c.282.269.296.316.235 1.149a6.26 6.26 0 0 1-3.568 5.13c-.763.354-2.015.655-2.73.655c-1.304 0-3.154-.697-4.175-1.572a7.6 7.6 0 0 1-1.827-2.67c-.136-.376-.268-1.068-.301-1.538c-.047-.782-.028-.89.198-1.116c.25-.245.282-.25 2.443-.17c2.109.08 2.226.071 3.323-.207c1.624-.41 1.563-.404 3.191-.371c.998.023 1.719.094 2.194.235m-3.732.47c-.155.034-.8.175-1.43.33c-1.333.316-2.213.367-4.115.23c-1.506-.107-1.69-.046-1.365.443c.612.932 3.04 1.554 5.13 1.304c1.178-.141 1.775-.292 3.545-.913a41 41 0 0 1 1.94-.63l.687-.19l-.461-.206c-.82-.363-2.825-.546-3.93-.363z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Stosmo Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:stosmo-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:stosmo-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:stosmo-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--stosmo-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:stosmo-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:stosmo-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/stosmo-background.svg" alt="Stosmo Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Stosmo Background アイコン のよくある質問
Stosmo Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stosmo Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:stosmo-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stosmo Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/stosmo-background.svg" alt="Stosmo Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。