Swarmpit アイコン
selfhst:swarmpit
Swarmpit アイコン(selfhst:swarmpit)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#bc4094" d="M149 391.9c-24.3 0-46.9-12.9-58.8-34l-39.9-69c-12.4-21-12.4-46.9 0-67.9l39.9-69c12.4-21 34.5-34 58.8-34h17.8l20.5-35.6h-58.8c-24.3 0-46.9 12.9-58.8 34L9.3 220.9c-12.4 21-12.4 46.9 0 67.9l60.4 104.6c12.4 21 34.5 34 58.8 34h58.8l-20.5-35.6H149z"/><path fill="#5d4695" d="M502.7 222.6L442.3 118c-12.4-21-34.5-34-58.8-34H262.2c-24.3 0-46.9 12.9-58.8 34l-1.1 1.6l-59.3 103c-5.9 9.7-8.6 21-9.2 32.4v.5c0 12.4 2.7 24.8 9.2 35.6l59.3 103l1.1 1.6c12.4 21 34.5 34 58.8 34h121.4c24.3 0 46.9-12.9 58.8-34l60.4-104.6c12.3-21.1 12.3-47.5-.1-68.5"/><path fill="#e8e0ec" d="M234.2 147.6c-2.7 2.7-5.4 5.9-7.5 9.7l-.5 1.1l-43.1 75c-4.3 7-6.5 15.1-6.5 23.2v.5c0 8.6 2.2 17.8 6.5 25.9l43.1 75l.5 1.1c2.2 3.2 4.3 6.5 7 9.2l75-110.5z"/><path fill="#fff" d="M463.9 240.4c-1.1-6.5-2.7-12.9-5.9-18.3l-43.7-76c-8.6-15.1-25.3-24.8-42.6-24.8h-87.9c-9.2 0-17.8 2.7-25.3 7L334 239.9h130z"/><path fill="#bb9ac9" d="M257.9 384.3c7.5 4.9 16.7 7.5 25.9 7.5h87.9c17.8 0 34-9.2 42.6-24.8l43.7-76c3.2-5.9 4.9-11.9 5.9-18.3H333.4z"/></svg>Swarmpit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:swarmpit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:swarmpit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:swarmpit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--swarmpit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:swarmpit"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:swarmpit"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/swarmpit.svg" alt="Swarmpit アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Swarmpit アイコン のよくある質問
Swarmpit アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Swarmpit アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:swarmpit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Swarmpit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/swarmpit.svg" alt="Swarmpit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。