Beestation アイコン
selfhst:beestation
Beestation アイコン(selfhst:beestation)は、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="#fcbf1d" d="M443.5 93.9L302.8 12.6c-29.1-16.9-64.8-16.9-93.5 0L68.8 93.9c-29.1 16.5-46.9 47.6-46.9 81v162.2c0 33.4 17.8 64.4 46.9 81l140.4 81.3c29.1 16.9 64.8 16.9 93.5 0l140.4-81.3c29.1-16.9 46.9-47.6 46.9-81V174.9c.1-33.4-17.7-64.5-46.5-81"/><path fill="#2e3742" d="M377.4 258.8c-3-29.1-21.1-59.1-60.5-73.7c8.9-30.4 5-56.5-11.6-74.3c-33.7-36-75.3-18.5-92.9-4.3l-3.3 2.6v72.7c-44.3 10.2-82.3 32.7-100.8 61.5c-13.2 20.5-15.5 43-6.6 64.4c8.6 20.8 24.5 32.1 45.9 32.4c18.8.3 40.3-7.9 61.5-21.5v107.1l10.9-2c106.5-18.5 164.4-99.8 157.4-164.9m-224.3 62.5c-1.7 0-3.3.3-5 .3c-13.9-.3-23.1-6.9-29.1-20.8c-6.6-15.9-5-32.1 5-47.3c6.9-10.6 16.9-19.8 29.1-28.1zm56.1-25.2c-12.9 9.3-25.4 16.5-37.3 20.8V214.5c11.6-5.6 24.1-10.2 37.3-13.5zm18.9-177.7c9.9-6.6 39-21.5 63.8 5c14.5 15.5 12.9 37 7.3 56.2c-11.2-2.3-23.8-3.6-38-3.6c-3.6.3-6.9.3-10.6.3c-7.6.3-15.2 1-22.5 2zm0 78.9c7.6-1.3 15.5-2 23.5-2.3c14.9-.7 28.4.3 40.6 2.6c-13.9 30.1-38 60.5-64.1 83.6zm0 205.6v-97.8c34.7-27.4 66.4-66.4 81.9-101.8c0-.3.3-.7.3-1c28.1 10.6 45.6 30.7 48.6 58.5c6 54.5-44.9 122.6-130.8 142.1m135.8-23.2c7.7 0 13.9 6.2 13.9 13.9s-6.2 13.9-13.9 13.9s-13.9-6.2-13.9-13.9s6.2-13.9 13.9-13.9"/></svg>Beestation アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:beestation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:beestation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:beestation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--beestation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:beestation"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:beestation"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/beestation.svg" alt="Beestation アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Beestation アイコン のよくある質問
Beestation アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Beestation アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:beestation" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Beestation アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/beestation.svg" alt="Beestation アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。