ICONYZ
Русский
Иконка Motor Scooter из набора OpenMoji

Иконка Motor Scooter

openmoji:motor-scooter

Иконка Motor Scooter (openmoji:motor-scooter) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
OpenMoji
Автор
OpenMoji
Лицензия
CC-BY-SA-4.0
Размер
72 × 72
Категория
Путешествия и места
Теги
motorscooter
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#ea5a47" d="M39.222 36.977s-5.963 17.859-15.684-4.108c-1.264-2.856-1.627-7.542-1.584-6.956l-5.9 12.136c-.376.782-1.239 1.484-.41 1.747c9.818 3.116 10.563 9.618 10.522 11.757c-.007.394 15.749.342 15.798 0c.453-3.167 3.464-17.566 19.856-6.224c1 .692-2.516-11.208-3.95-11.208c0 0-17.636.486-17.636 1.123z"/><circle cx="16.156" cy="50.893" r="5.476" fill="#d0cfce" transform="rotate(-1.335 16.174 50.951)"/><circle cx="51.398" cy="50.893" r="5.476" fill="#d0cfce"/><path fill="#a57939" d="M40.436 29.516h18.426v5.67H40.436z"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><circle cx="16.156" cy="50.893" r="5.476" transform="rotate(-1.335 16.174 50.951)"/><circle cx="51.398" cy="50.893" r="5.476"/><path stroke-linecap="round" stroke-linejoin="round" d="M26.262 50.777a9.86 9.86 0 0 0-2.918-6.98c-3.89-3.875-10.2-3.875-14.09 0m52.443 6.98c0-5.48-4.442-9.922-9.922-9.922s-9.921 4.442-9.921 9.922m-1.418-21.261h18.426v5.67H40.436z"/><path stroke-linecap="round" stroke-linejoin="round" d="m14.923 40.855l8.505-17.009h5.669m-2.835 27.047h15.592m-1.418-15.708s-5.67 21.261-17.008 0m35.435 0s4.252 7.087 2.834 15.591"/></g></svg>

Как использовать иконку Motor Scooter

React

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

<Icon icon="openmoji:motor-scooter" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:motor-scooter" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:motor-scooter" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--motor-scooter]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:motor-scooter"></div>

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

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

<iconify-icon icon="openmoji:motor-scooter"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/motor-scooter.svg" alt="Иконка Motor Scooter" width="24" height="24">

Похожие иконки в наборе OpenMoji

Иконка Motor Scooter в других наборах

Вопросы и ответы: Иконка Motor Scooter

Можно ли бесплатно использовать иконку Motor Scooter в коммерческих проектах?

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

Установите @iconify/react и выведите <Icon icon="openmoji:motor-scooter" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Motor Scooter на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/motor-scooter.svg" alt="Иконка Motor Scooter">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →