Fire Engine アイコン

Q: Fire Engine アイコンは商用利用でも無料ですか?

はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

emojione:fire-engine

Fire Engine アイコン(emojione:fire-engine)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (Colored)
作者: Emoji One
ライセンス: CC-BY-4.0
サイズ: 64 × 64
カテゴリ: 旅行
タグ: fireengine

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#f14e3a"><path d="M18.9 23h-11c-1.1 0-2 .9-2 2s.9 2 2 2h11zm43 10l-6-6h-26c-1.1 0-2 .9-2 2v22h34z"/><path d="M19.9 23h-8.2c-1.1 0-1.7.9-1.8 2L7 36l-1.6 1.1c-.9.6-1.9 1.8-2.1 2.9L2 49c-.2 1.1.6 2 1.7 2H22V25c-.1-1.1-1-2-2.1-2"/></g><path fill="#3e4347" d="m11.3 33l.7-5c.1-.5-.3-1-.9-1h-2L7 36m12.9-4c0 .6-.4 1.3-.9 1.5L14.7 35c-.5.2-.8-.2-.7-.7l.7-6.2c.1-.6.5-1 1-1h3.4c.5 0 .9.4.8 1z"/><g fill="#e1e8ed"><path d="M15.8 49c1.3.7 2.3 1.7 3.1 3H22v-3zM0 51v4c0 1.1.9 2 2 2h2c0-.3-.1-.7-.1-1c0-3 1.6-5.6 4.1-7H2c-1.1 0-2 .9-2 2"/><path d="M20.9 52c-1.5-3.5-5-6-9-6s-7.5 2.5-9 6z"/></g><circle cx="11.9" cy="56" r="8" fill="#3e4347"/><circle cx="11.9" cy="56" r="5" fill="#b2c1c0"/><g fill="#3e4347"><path d="M11.9 51.7c-.8 0-1.2.5-.9 1.2l.5 1.4c.2.6.6.6.9 0l.5-1.4c.2-.7-.2-1.2-1-1.2m-4 3c-.3.7.1 1.3.8 1.2l1.4-.1c.7 0 .8-.4.3-.8l-1.1-.9c-.6-.4-1.2-.1-1.4.6m1.5 4.8c.6.4 1.3.3 1.4-.4l.4-1.4c.2-.7-.1-.9-.7-.5l-1.1.8c-.6.3-.6 1 0 1.5m5.1 0c.6-.4.6-1.1.1-1.5l-1.2-.8c-.6-.4-.9-.2-.7.5l.4 1.4c.1.6.7.8 1.4.4m1.5-4.8c-.2-.7-.9-1-1.4-.5l-1.1.8c-.5.4-.4.8.3.8l1.4.1c.7.1 1-.5.8-1.2"/><circle cx="37.9" cy="56" r="8"/></g><circle cx="37.9" cy="56" r="5" fill="#b2c1c0"/><g fill="#3e4347"><path d="M37.9 51.7c-.8 0-1.2.5-.9 1.2l.5 1.4c.2.6.6.6.9 0l.5-1.4c.2-.7-.2-1.2-1-1.2m-4 3c-.2.7.1 1.3.8 1.2l1.4-.1c.7 0 .8-.4.3-.8l-1.1-.9c-.6-.4-1.2-.1-1.4.6m1.5 4.8c.6.4 1.3.3 1.4-.4l.4-1.4c.2-.7-.1-.9-.7-.5l-1.2.8c-.5.3-.5 1 .1 1.5m5.1 0c.6-.4.6-1.1.1-1.5l-1.2-.8c-.6-.4-.9-.2-.7.5l.4 1.4c.1.6.7.8 1.4.4m1.5-4.8c-.2-.7-.9-1-1.4-.5l-1.1.8c-.5.4-.4.8.3.8l1.4.1c.7.1 1-.5.8-1.2"/><circle cx="54.9" cy="56" r="8"/></g><circle cx="54.9" cy="56" r="5" fill="#b2c1c0"/><path fill="#3e4347" d="M54.9 51.7c-.8 0-1.2.5-.9 1.2l.5 1.4c.2.6.6.6.9 0l.5-1.4c.2-.7-.2-1.2-1-1.2m-4 3c-.2.7.1 1.3.8 1.2l1.4-.1c.7 0 .8-.4.3-.8l-1.1-.9c-.6-.4-1.2-.1-1.4.6m1.5 4.8c.6.4 1.3.3 1.4-.4l.4-1.4c.2-.7-.1-.9-.7-.5l-1.2.8c-.5.3-.5 1 .1 1.5m5.1 0c.6-.4.6-1.1.1-1.5l-1.2-.8c-.6-.4-.9-.2-.7.5l.4 1.4c.1.6.7.8 1.4.4m1.5-4.8c-.2-.7-.9-1-1.4-.5l-1.1.8c-.5.4-.4.8.3.8l1.4.1c.7.1 1-.5.8-1.2"/><path fill="#b3bdc4" d="M26.9 35h-4c-.5 0-1 .5-1 1v16h6V36c0-.5-.4-1-1-1"/><path fill="#e1e8ed" d="M62 49c-1.8-1.8-4.3-3-7.1-3h-17c-2.7 0-5.2 1.2-7 3h-3v3H31c1.4-2.4 4-4 6.9-4c3 0 5.5 1.6 6.9 4H48c1.4-2.4 4-4 6.9-4c4.4 0 8 3.6 8 8v.8c.7-.3 1.1-1 1.1-1.8v-4c0-1.1-.9-2-2-2M18.9 19h-2c0-.5-.4-1-1-1h-3c-2.2 0-4 1.8-4 4v1h11z"/><path fill="#42ade2" d="M14.9 19h-2c-1.7 0-3 1.3-3 3v1h6v-3c0-.5-.4-1-1-1"/><g fill="#b8331e"><path d="M53.9 43h-16c-1.7 0-3-1.3-3-3v-6c0-1.7 1.3-3 3-3h16c1.7 0 3 1.3 3 3v6c0 1.7-1.3 3-3 3m-16-10c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h16c.6 0 1-.4 1-1v-6c0-.6-.4-1-1-1z"/><path d="M36.9 35h18v1h-18zm0 3h18v1h-18z"/></g><path fill="#b2c1c0" d="m54.2 21.3l-2.9-11.1l-2.2-.6L52 20.7z"/><g fill="#3e4347"><path d="M13.2 3.8c-.1.5-.7.8-1.2.7s-.9-.7-.7-1.2l.5-1.9c.1-.5.7-.9 1.2-.7c.5.1.9.7.7 1.2z"/><path d="m15.8 5.6l-4.5-2.3l.5-1.9l5.1.3z"/></g><path fill="#e1e8ed" d="m19.746 6.63l1.035-3.864l28.977 7.764l-1.035 3.864z"/><path fill="#b3bdc4" d="M53.1 9.4L28.6 2.8l-2.2-.6l-.8.8l-4.1 4.1l-1 3.9l-7.6-2l-.5 1.9l25.1 6.7l1.4 2.4l12.6 3.4l.5-1.9l1.9.5l2-1.9v-5.8zm-30.4 2.1l1-3.9L26.4 5l2.1 8.2zm5.7-6.7l6.9 1.8l-5.1 5.1zm2.6 9l6-6l2.2 8.2zm10.4 2.7L39 7.6l8.8 2.4z"/><path fill="#b2c1c0" d="M20.3.6L18.4 0c-.5-.1-1.1.2-1.2.7l-2.3 8.7l3.9 1L21 1.8c.1-.6-.2-1.1-.7-1.2"/><g fill="#3e4347"><circle cx="18.3" cy="4.2" r="1"/><path d="m48.9 16l-7 7h-3v4h17V16z"/></g><circle cx="51.1" cy="21" r="2" fill="#e1e8ed"/><path fill="#f14e3a" d="M26.4 47c0-.5-.4-1-1-1h-1c-.5 0-1 .5-1 1v1c0 .5.5 1 1 1h1c.6 0 1-.5 1-1z"/></svg>

Fire Engine アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="emojione:fire-engine" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione:fire-engine" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione:fire-engine" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--fire-engine]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:fire-engine"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione:fire-engine"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione/fire-engine.svg" alt="Fire Engine アイコン" width="24" height="24">

Emoji One (Colored) の関連アイコン

他のアイコンセットの Fire Engine アイコン

Fire Engine アイコンのよくある質問

Fire Engine アイコンは商用利用でも無料ですか?

はい。Emoji One (Colored) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Fire Engine アイコンを使うには?

@iconify/react をインストールして <Icon icon="emojione:fire-engine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Fire Engine アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/fire-engine.svg" alt="Fire Engine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Emoji One (Colored) アイコンをすべて見る →