Busstop アイコン
fxemoji:busstop
Busstop アイコン(fxemoji:busstop)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D5DEE4" d="M192.215 224.33h128.251v198.565H192.215z"/><path fill="#597B91" d="M320.466 432.5c5.305 0 9.604-4.3 9.604-9.604V224.331c0-5.305-4.3-9.605-9.604-9.605h-52.919v-42.131c0-6.188-5.018-11.206-11.206-11.206s-11.206 5.017-11.206 11.206v42.131h-52.92a9.605 9.605 0 0 0-9.605 9.605v198.565c0 5.305 4.3 9.604 9.605 9.604h52.92v27.112h-34.831c-14.238 0-25.779 11.542-25.779 25.779V501.8a7.2 7.2 0 0 0 7.2 7.2h128.503a7.2 7.2 0 0 0 7.2-7.2v-16.409c0-14.238-11.542-25.779-25.779-25.779h-34.103V432.5zM201.82 413.291V233.936h109.041v179.355z"/><circle cx="256.341" cy="101.438" r="99.438" fill="#FFB636"/><path fill="#F4F3EF" d="M322.426 117.845H190.255a6.12 6.12 0 0 1-6.122-6.122V91.152a6.12 6.12 0 0 1 6.122-6.122h132.171a6.12 6.12 0 0 1 6.122 6.122v20.571a6.12 6.12 0 0 1-6.122 6.122"/><path fill="#597B91" d="M260.246 267.01h-40.554c-2.652 0-4.802-2.15-4.802-4.803s2.15-4.803 4.802-4.803h40.554a4.803 4.803 0 0 1 0 9.606m27.214 19.743a4.803 4.803 0 0 0-4.803-4.803h-62.965c-2.652 0-4.802 2.15-4.802 4.803s2.15 4.803 4.802 4.803h62.965a4.803 4.803 0 0 0 4.803-4.803m-8.538 24.546a4.803 4.803 0 0 0-4.803-4.803h-54.427c-2.652 0-4.802 2.15-4.802 4.803s2.15 4.803 4.802 4.803h54.427a4.804 4.804 0 0 0 4.803-4.803m-13.873 24.546a4.803 4.803 0 0 0-4.803-4.803h-40.554c-2.652 0-4.802 2.15-4.802 4.803s2.15 4.803 4.802 4.803h40.554a4.804 4.804 0 0 0 4.803-4.803m22.411 24.545a4.803 4.803 0 0 0-4.803-4.803h-62.965c-2.652 0-4.802 2.15-4.802 4.803s2.15 4.803 4.802 4.803h62.965a4.804 4.804 0 0 0 4.803-4.803m7.471 24.546a4.803 4.803 0 0 0-4.803-4.803h-70.436c-2.652 0-4.802 2.15-4.802 4.803s2.15 4.803 4.802 4.803h70.436a4.804 4.804 0 0 0 4.803-4.803"/></svg>Busstop アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:busstop" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:busstop" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:busstop" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--busstop]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:busstop"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:busstop"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/busstop.svg" alt="Busstop アイコン" width="24" height="24">Busstop アイコン のよくある質問
Busstop アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Busstop アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:busstop" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Busstop アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/busstop.svg" alt="Busstop アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。