Diesel Locomotive アイコン

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

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:diesel-locomotive

Diesel Locomotive アイコン(emojione-v1:diesel-locomotive)は、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
カテゴリ: 旅行
タグ: diesellocomotive

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f7941e" d="M63.979 8.652c-14.254-.076-41.24-.15-42.43.369c-1.619.706-4.877 7.583-4.877 7.583s-9.218 1.582-10.81 1.906c-1.594.324-4.66 30.751-4.66 30.751l62.777.614V8.655"/><path fill="#364c56" d="M38.894 19.357c0 1.793-1.046 3.246-2.341 3.246h-11.17c-1.293 0-2.946-1.213-2.946-3l.603-4.146c0-1.792 1.049-3.246 2.343-3.246h11.17c1.295 0 2.341 1.454 2.341 3.246v3.904"/><path fill="#405967" d="M63.979 38.476h-50.2c-3.24 0-5.302 2.224-6.914 5.695c-1.362 3.201-3.133 5.7.109 5.7h57.01V38.476z"/><path fill="#f6921e" d="M33.02 47.18c0 2.511-1.962 4.543-4.387 4.543c-2.419 0-4.381-2.032-4.381-4.543c0-2.505 1.962-4.538 4.381-4.538c2.426 0 4.387 2.033 4.387 4.538"/><path fill="#f1f1f2" d="M32.09 47.18c0 1.976-1.545 3.577-3.453 3.577c-1.904 0-3.449-1.602-3.449-3.577c0-1.973 1.545-3.568 3.449-3.568c1.908-.001 3.453 1.595 3.453 3.568"/><path fill="#f6921e" d="M14.18 48.652c0 1.746-1.368 3.158-3.049 3.158c-1.685 0-3.051-1.412-3.051-3.158c0-1.742 1.366-3.156 3.051-3.156c1.681 0 3.049 1.414 3.049 3.156"/><ellipse cx="11.128" cy="48.652" fill="#f1f1f2" rx="2.221" ry="2.3"/><path fill="#f6921e" d="M55.14 47.18c0 2.511-1.964 4.543-4.386 4.543c-2.42 0-4.385-2.032-4.385-4.543c0-2.505 1.965-4.538 4.385-4.538c2.422 0 4.386 2.033 4.386 4.538m8.839-4.12a4.2 4.2 0 0 0-1.82-.422c-2.423 0-4.387 2.033-4.387 4.538c0 2.511 1.964 4.543 4.387 4.543c.652 0 1.265-.158 1.82-.421zm-20.056 4.12c0 2.511-1.963 4.543-4.386 4.543s-4.381-2.032-4.381-4.543c0-2.505 1.958-4.538 4.381-4.538s4.386 2.033 4.386 4.538"/><path fill="#f1f1f2" d="M42.99 47.18c0 1.976-1.545 3.577-3.453 3.577c-1.903 0-3.448-1.602-3.448-3.577c0-1.973 1.545-3.568 3.448-3.568c1.908-.001 3.453 1.595 3.453 3.568m11.22 0c0 1.976-1.545 3.577-3.451 3.577c-1.905 0-3.45-1.602-3.45-3.577c0-1.973 1.545-3.568 3.45-3.568c1.906-.001 3.451 1.595 3.451 3.568m9.769-3.02a3.34 3.34 0 0 0-1.82-.548c-1.903 0-3.452 1.596-3.452 3.568c0 1.976 1.549 3.577 3.452 3.577c.672 0 1.292-.206 1.82-.55v-6.05"/><path fill="#a2a2a3" d="M51.935 50.48c-.08.304-.305.503-.511.444l-21.25-5.833c-.207-.055-.308-.345-.232-.647s.306-.503.513-.444l21.248 5.832c.206.058.31.349.232.648m9.485-6.27c0 .361-.102.654-.218.654l-12.399-.027c-.117 0-.217-.289-.217-.652c.002-.36.1-.651.219-.651l12.397.023c.122 0 .218.293.218.653"/><path fill="#506e7c" d="M0 51.725h63.979v3.662H0z"/><path fill="#d3293f" d="M17.812 26.604h46.17v3.621h-46.17zm.043 5.163h46.17v3.62h-46.17z"/></svg>

Diesel Locomotive アイコンの使い方

React

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

<Icon icon="emojione-v1:diesel-locomotive" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:diesel-locomotive" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:diesel-locomotive" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--diesel-locomotive]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:diesel-locomotive"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-v1:diesel-locomotive"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/diesel-locomotive.svg" alt="Diesel Locomotive アイコン" width="24" height="24">

他のアイコンセットの Diesel Locomotive アイコン

Diesel Locomotive アイコンのよくある質問

Diesel Locomotive アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Diesel Locomotive アイコンを使うには?

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

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

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

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