Fire Engine アイコン
emojione-v1:fire-engine
Fire Engine アイコン(emojione-v1:fire-engine)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 旅行
- タグ
- fireengine
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g transform="translate(0 2)"><path fill="#b1203e" d="M23.627 29.83h14.14v15.521h-14.14z"/><g fill="#ce2435"><path d="M6.53 11h20.571v38.35H6.53zm24.168 4.323h31.961v34.02H30.698z"/><path d="M0 18.03h14.14v31.31H0z"/></g><path fill="#e3e4e3" d="M18.679 49.563c-.133-4.04-3.37-7.273-7.35-7.273s-7.212 3.234-7.348 7.273z"/><ellipse cx="11.329" cy="50" fill="#243438" rx="6.256" ry="6.4"/><ellipse cx="11.328" cy="49.915" fill="#969796" rx="4.055" ry="4.151"/><path fill="#e3e4e3" d="M58.13 49.48c-.134-4.04-3.365-7.275-7.348-7.275c-3.979 0-7.215 3.234-7.348 7.275z"/><ellipse cx="50.789" cy="49.913" fill="#243438" rx="6.256" ry="6.401"/><ellipse cx="50.789" cy="49.826" fill="#969796" rx="4.056" ry="4.146"/><path fill="#fff" d="M0 36.919h62.66v2.918H0z"/><path fill="#ce2034" d="M0 39.837h62.66v.906H0z"/><path fill="#969796" d="M.932 20.388h10.397v9.634H.932z"/><path fill="#b3b1b3" d="M.932 20.388h6.143v9.634H.932z"/><path fill="#4d9dc9" d="M2.414 12.614h12.211v5.418H2.414z"/><path fill="#79bbd9" d="M2.414 12.614h6.28v5.418h-6.28z"/><path fill="#969796" d="M23.95 22.01h1.441v8.593H23.95zm5.868 0h1.441v8.593h-1.441zm5.342 0h1.44v8.593h-1.44zm5.03 0h1.441v8.593H40.19zm5.449 0h1.445v8.593h-1.445zm5.297 0h1.435v8.593h-1.435zm5.464 0h1.444v8.593H56.4z"/><path fill="#cdcbca" d="M20.795 22.01h43.15v1.471h-43.15z"/><path fill="gray" d="M20.795 29.13h43.15v1.473h-43.15z"/></g></svg>
Fire Engine アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:fire-engine" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:fire-engine" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:fire-engine" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--fire-engine]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:fire-engine"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:fire-engine"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/fire-engine.svg" alt="Fire Engine アイコン" width="24" height="24">
他のアイコンセットの Fire Engine アイコン
Fire Engine アイコン のよくある質問
Fire Engine アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Fire Engine アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:fire-engine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fire Engine アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/fire-engine.svg" alt="Fire Engine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
