Statuspal アイコン
simple-icons:statuspal
Statuspal アイコン(simple-icons:statuspal)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.275 9.296c0-1.242-1.02-2.25-2.275-2.25c-1.256 0-2.275 1.008-2.275 2.25c0 .936.58 1.737 1.403 2.077L5.934 24A12.06 12.06 0 0 1 12 22.349c2.085 0 4.17.55 6.066 1.65l-5.194-12.626a2.25 2.25 0 0 0 1.403-2.077m1.187 12.01A13.4 13.4 0 0 0 12 20.849a13.4 13.4 0 0 0-3.463.457L12 13.389zM16.55 13.5a5.58 5.58 0 0 0-.723-7.535a5.73 5.73 0 0 0-7.654 0A5.58 5.58 0 0 0 7.45 13.5a6.167 6.167 0 0 1 .143-8.716c2.446-2.379 6.368-2.379 8.813 0a6.167 6.167 0 0 1 .144 8.716m0 3c3.047-1.988 4.416-5.716 3.366-9.174C18.867 3.867 15.65 1.5 12 1.5S5.131 3.867 4.083 7.326s.32 7.186 3.367 9.174c-3.481-2.029-5.16-6.111-4.096-9.968C4.417 2.675 7.96 0 12 0c4.042 0 7.583 2.675 8.646 6.532s-.615 7.94-4.096 9.968"/></svg>Statuspal アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:statuspal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:statuspal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:statuspal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--statuspal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:statuspal"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:statuspal"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/statuspal.svg" alt="Statuspal アイコン" width="24" height="24">他のアイコンセットの Statuspal アイコン
Statuspal アイコン のよくある質問
Statuspal アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Statuspal アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:statuspal" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Statuspal アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/statuspal.svg" alt="Statuspal アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。