Strp アイコン
token-branded:strp
Strp アイコン(token-branded:strp)は、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(#SVGyDL5jbwo)" d="M5.813 18.188A8.56 8.56 0 0 1 3 11.826a8.57 8.57 0 0 1 3.808-7.139c-.461 1.03-.995 2.52-.995 3.724c0 1.992 1.687 5.119 4.5 5.693l.562-.855c.467.663 1.688 2.103 2.813 2.56a4 4 0 0 1-4.22 1.135l.282-.849a2.1 2.1 0 0 0-1.687-.855c-1.126 0-2.25.855-2.25 2.278z"/><path fill="url(#SVGXZnLSbWb)" d="M5.824 8.085a8.56 8.56 0 0 0-1.699 5.136a8.6 8.6 0 0 0 1.367 4.663A8.55 8.55 0 0 1 3 11.826a8.57 8.57 0 0 1 3.808-7.139a11 11 0 0 0-.984 3.398"/><path fill="url(#SVGExd3JbpU)" d="M18.187 5.813A8.56 8.56 0 0 1 21 12.174a8.57 8.57 0 0 1-3.808 7.139c.461-1.03.995-2.52.995-3.724c0-1.992-1.687-5.119-4.5-5.693l-.562.855c-.467-.663-1.687-2.103-2.812-2.56a3.99 3.99 0 0 1 4.218-1.135l-.281.849c.186.281.787.855 1.688.855c1.124 0 2.25-.855 2.25-2.278z"/><path fill="url(#SVGEQT4rcaW)" d="M18.176 15.913a8.54 8.54 0 0 0 1.699-5.136a8.6 8.6 0 0 0-1.367-4.663A8.55 8.55 0 0 1 21 12.172a8.57 8.57 0 0 1-3.808 7.139c.51-1.072.842-2.22.984-3.398"/><defs><linearGradient id="SVGyDL5jbwo" x1="3" x2="19.543" y1="13.932" y2="20.622" gradientUnits="userSpaceOnUse"><stop stop-color="#0367ab"/><stop offset="1" stop-color="#0c99d7"/></linearGradient><linearGradient id="SVGXZnLSbWb" x1="18.953" x2="18.331" y1="5.005" y2="17.786" gradientUnits="userSpaceOnUse"><stop stop-color="#076eb0"/><stop offset="1" stop-color="#199cd4"/></linearGradient><linearGradient id="SVGExd3JbpU" x1="21" x2="4.457" y1="10.068" y2="3.378" gradientUnits="userSpaceOnUse"><stop stop-color="#fbb20b"/><stop offset="1" stop-color="#feff42"/></linearGradient><linearGradient id="SVGEQT4rcaW" x1="17.625" x2="19.926" y1="19.023" y2="7.942" gradientUnits="userSpaceOnUse"><stop stop-color="#f38f12"/><stop offset="1" stop-color="#f09508"/></linearGradient></defs></g></svg>Strp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:strp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:strp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:strp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--strp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:strp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:strp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/strp.svg" alt="Strp アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Strp アイコン
Strp アイコン のよくある質問
Strp アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Strp アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:strp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Strp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/strp.svg" alt="Strp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。