Иконка Hero Motocorp
thesvg-color:hero-motocorp
Иконка Hero Motocorp (thesvg-color:hero-motocorp) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 151 × 170. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 151 × 170
- Теги
- heromotocorp
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="151" height="170" viewBox="0 0 151 170"><path fill="#d9241c" d="M-48.093 105.34h-9.287V66.989h9.287V81.07h18.574V66.989h9.287v38.351h-9.287V89.158h-18.574zm77.598-19.777v19.477H40.89V85.563c0-2.696 1.199-5.392 3.293-7.188c2.099-2.099 4.794-2.997 8.092-2.997V64.891c-6.294 0-11.686 2.098-16.179 5.993s-6.591 8.987-6.591 14.679m54.23 0c0 2.7-.898 5.091-2.696 6.893c-1.801 1.797-4.196 2.996-6.595 2.996c-2.696 0-4.79-.902-6.592-2.996c-1.797-1.802-2.695-4.192-2.695-6.893c0-2.696.898-5.091 2.695-6.888c1.802-1.798 4.196-2.7 6.592-2.7c2.7 0 4.794.902 6.595 2.997c1.798 1.797 2.696 4.191 2.696 6.892zm-9.291-19.477c-5.392 0-9.885 1.801-13.479 5.692c-3.599 3.896-5.692 8.393-5.692 13.784s1.797 10.189 5.692 13.784c3.595 3.896 8.088 5.692 13.479 5.692c5.396 0 9.889-1.797 13.483-5.692s5.692-8.393 5.692-13.784s-1.797-10.186-5.692-13.784c-3.594-3.891-8.087-5.692-13.483-5.692m-90.179-40.743L10.028 41.82v-74.002l-25.763-17.677z"/><path d="m25.911-14.206l26.063-15.28v-17.678L25.911-64.541zm1.797 21.272v2.997l24.868 16.476V-9.412z"/><path fill="#d9241c" d="M23.215 87.36H-.755v2.099c0 3.293.598 5.692 1.797 6.888q1.798 1.804 4.493 1.802c3.895 0 5.993-2.099 6.591-6.592l11.385.598c-2.098 8.689-8.087 13.187-17.976 13.187c-6.291 0-10.784-1.801-14.081-5.099c-3.298-3.595-4.794-8.088-4.794-13.78c0-6.591 1.797-11.385 5.095-14.979c3.293-3.298 8.087-5.095 13.78-5.095c5.095 0 9.588 1.5 12.885 4.497c3.595 2.992 5.091 8.686 5.091 16.777zm-11.987-5.993v-.895c0-4.798-2.098-7.193-5.994-7.193c-3.891 0-5.989 2.696-5.989 8.389h11.682z"/></svg>Как использовать иконку Hero Motocorp
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:hero-motocorp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:hero-motocorp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:hero-motocorp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--hero-motocorp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:hero-motocorp"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:hero-motocorp"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/hero-motocorp.svg" alt="Иконка Hero Motocorp" width="24" height="24">Похожие иконки в наборе theSVG Color
Вопросы и ответы: Иконка Hero Motocorp
Можно ли бесплатно использовать иконку Hero Motocorp в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Hero Motocorp в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:hero-motocorp" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hero Motocorp на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/hero-motocorp.svg" alt="Иконка Hero Motocorp">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.