Bus アイコン
fxemoji:bus
Bus アイコン(fxemoji:bus)は、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="#E5E4DF" d="M489.137 438.203H22.863c-8.773 0-15.885-7.112-15.885-15.885V171.522c0-23.364 18.94-42.304 42.304-42.304h355.592c55.31 0 100.147 44.838 100.147 100.147v192.952c.001 8.774-7.111 15.886-15.884 15.886"/><path fill="#6EB51C" d="M492.439 440.136H19.561c-6.949 0-12.583-5.634-12.583-12.583v-70.756h498.043v70.756c.001 6.949-5.633 12.583-12.582 12.583"/><path fill="#4D8226" d="M6.978 328.714h498.043v27.871H6.978zm55.667 111.394c0-35.752 28.983-64.736 64.736-64.736s64.736 28.983 64.736 64.736m266.684 0c0-35.752-28.983-64.736-64.736-64.736s-64.736 28.983-64.736 64.736"/><path fill="#2B3B47" d="M178.041 440.108c0 27.979-22.681 50.66-50.66 50.66s-50.66-22.681-50.66-50.66s22.681-50.66 50.66-50.66s50.66 22.682 50.66 50.66m216.024-50.66c-27.979 0-50.66 22.681-50.66 50.66s22.681 50.66 50.66 50.66s50.66-22.681 50.66-50.66s-22.681-50.66-50.66-50.66"/><path fill="#597B91" d="M158.934 440.108c0 17.427-14.127 31.554-31.554 31.554s-31.554-14.127-31.554-31.554s14.127-31.554 31.554-31.554s31.554 14.128 31.554 31.554m235.131-31.553c-17.427 0-31.554 14.127-31.554 31.554s14.127 31.554 31.554 31.554s31.554-14.127 31.554-31.554s-14.127-31.554-31.554-31.554"/><path fill="#FF473E" d="M492.51 341.702h12.512V283.71H492.51c-7.4 0-13.399 5.999-13.399 13.399v31.193c0 7.401 5.999 13.4 13.399 13.4"/><path fill="#FFD469" d="M24.16 368.813H6.978v45.271H24.16c7.4 0 13.399-5.999 13.399-13.399v-18.473c0-7.4-5.999-13.399-13.399-13.399"/><path fill="#00B1FF" d="M94.781 298.291H15.978V172.897H94.78c13.552 0 24.538 10.986 24.538 24.538v76.318c.001 13.552-10.985 24.538-24.537 24.538m116.598-54.897v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m90.266 0v-61.965a7.2 7.2 0 0 0-7.2-7.2H245a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m81.267 0v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m90.267 0v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2"/></svg>
Bus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bus"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bus"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/bus.svg" alt="Bus アイコン" width="24" height="24">
Bus アイコン のよくある質問
Bus アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bus アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:bus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/bus.svg" alt="Bus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
