Иконка Diesel Locomotive

emojione-v1:diesel-locomotive

Иконка Diesel Locomotive (emojione-v1:diesel-locomotive) — бесплатная SVG-иконка из набора Emoji One (v1) от 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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Diesel Locomotive в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Emoji One (v1) →