Иконка Locomotive
noto-v1:locomotive
Иконка Locomotive (noto-v1:locomotive) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji (v1)
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Путешествия и места
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ed6c30" d="M64.35 72.12c-3.31 0-5.99-2.23-5.99-4.98V53.22c0-2.74 2.68-4.97 5.99-4.97c3.3 0 5.99 2.22 5.99 4.97v13.92c.01 2.74-2.68 4.98-5.99 4.98m-15.06 3.63c-3.31 0-5.98-2.23-5.98-4.97V56.87c0-2.75 2.67-4.98 5.98-4.98s6 2.22 6 4.98v13.92c-.01 2.73-2.7 4.96-6 4.96"/><path fill="#2f2f2f" d="M26.44 95.78h95.41v15.91H26.44z"/><path fill="#ed6c30" d="M13.36 63.23h91.81v37.41H13.36z"/><path fill="#ed6c30" d="M77.94 39.58h43.92v61.06H77.94z"/><path fill="#2f2f2f" d="M35.04 63.24c4.26 0 7.72 8.38 7.72 18.71s-3.46 18.7-7.72 18.7c-4.27 0-7.73-8.37-7.73-18.7c.01-10.33 3.47-18.71 7.73-18.71"/><path fill="#fcc21b" d="M35.04 101.69c-4.92 0-8.77-8.67-8.77-19.74s3.85-19.74 8.77-19.74c4.91 0 8.76 8.67 8.76 19.74s-3.85 19.74-8.76 19.74m0-37.41c-3.16 0-6.69 7.26-6.69 17.67s3.53 17.66 6.69 17.66s6.68-7.25 6.68-17.66s-3.52-17.67-6.68-17.67"/><path fill="#2f2f2f" d="M13.79 63.21h21.78v37.93H13.79zm58.17-30.55h55.89v6.93H71.96z"/><path fill="#2f2f2f" d="M35.44 63.23H20.92l-9.05-29.3h32.62z"/><path fill="#2f2f2f" d="M39.84 23.56H16.31l-4.44 10.37h32.62zM.15 120.19h28.52v-19.55H13.36z"/><path fill="#fff" d="M116.51 45.55c0-1.54-1.25-2.8-2.81-2.8h-12.51c-1.56 0-2.83 1.26-2.83 2.8v21.64c0 1.55 1.27 2.8 2.83 2.8h12.51c1.56 0 2.81-1.24 2.81-2.8z"/><path fill="#2f2f2f" d="M.15 114.26h28.52v5.93H.15z"/><path fill="#78a3ad" d="M82.79 105.02c0 8.53-6.91 15.44-15.42 15.44c-8.53 0-15.45-6.91-15.45-15.44s6.92-15.44 15.45-15.44c8.52 0 15.42 6.91 15.42 15.44"/><path fill="#2f2f2f" d="M76.25 105.02c0 4.91-3.98 8.9-8.89 8.9c-4.92 0-8.91-3.98-8.91-8.9s3.99-8.89 8.91-8.89a8.89 8.89 0 0 1 8.89 8.89"/><path fill="#78a3ad" d="M113.68 105.02c0 8.53-6.91 15.44-15.43 15.44c-8.53 0-15.45-6.91-15.45-15.44s6.92-15.44 15.45-15.44c8.52 0 15.43 6.91 15.43 15.44"/><path fill="#2f2f2f" d="M107.13 105.02c0 4.91-3.98 8.9-8.9 8.9c-4.91 0-8.9-3.98-8.9-8.9s3.99-8.89 8.9-8.89c4.92 0 8.9 3.98 8.9 8.89"/><path fill="#fff" d="M70.04 104.25c-1.42 0-2.58-1.16-2.58-2.59c0-1.42 1.16-2.58 2.58-2.58h25.54c1.42 0 2.57 1.15 2.57 2.58a2.58 2.58 0 0 1-2.57 2.59z"/><path fill="#78a3ad" d="M50.47 109.57c0 6.02-4.88 10.89-10.89 10.89c-6.03 0-10.91-4.87-10.91-10.89s4.87-10.88 10.91-10.88c6.01-.01 10.89 4.86 10.89 10.88"/><path fill="#fcc21b" d="M58.33 54.03h12.01v7.69H58.33zM43.36 56.8h11.9v5.03h-11.9z"/><path fill="#2f2f2f" d="M13.36 63.23c4.27 0 7.72 8.37 7.72 18.71c0 10.33-3.45 18.7-7.72 18.7c-4.26 0-7.71-8.38-7.71-18.7c0-10.33 3.46-18.71 7.71-18.71"/><path fill="#fcc21b" d="M13.36 101.68c-4.91 0-8.75-8.68-8.75-19.74c0-11.07 3.85-19.74 8.75-19.74c4.92 0 8.76 8.67 8.76 19.74c.01 11.07-3.84 19.74-8.76 19.74m0-37.41c-3.15 0-6.67 7.25-6.67 17.67c0 10.41 3.52 17.66 6.67 17.66c3.16 0 6.68-7.25 6.68-17.66c.01-10.41-3.51-17.67-6.68-17.67"/><path fill="#2f2f2f" d="M10.59 32.69h35.18v2.63H10.59z"/></svg>Как использовать иконку Locomotive
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:locomotive" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:locomotive" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:locomotive" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--locomotive]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:locomotive"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:locomotive"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/locomotive.svg" alt="Иконка Locomotive" width="24" height="24">Иконка Locomotive в других наборах
Вопросы и ответы: Иконка Locomotive
Можно ли бесплатно использовать иконку Locomotive в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Locomotive в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:locomotive" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Locomotive на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/locomotive.svg" alt="Иконка Locomotive">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.