Ícone Hero Motocorp
thesvg-color:hero-motocorp
O ícone Hero Motocorp (thesvg-color:hero-motocorp) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 151 × 170. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 151 × 170
- Tags
- heromotocorp
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/hero-motocorp.svg" alt="Ícone Hero Motocorp" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Hero Motocorp
O ícone Hero Motocorp é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Hero Motocorp no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:hero-motocorp" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hero Motocorp a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/hero-motocorp.svg" alt="Ícone Hero Motocorp">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.