Hero Motocorp icon
thesvg-color:hero-motocorp
The Hero Motocorp icon (thesvg-color:hero-motocorp) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 151 × 170 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 151 × 170
- Tags
- heromotocorp
SVG code
<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>How to use the Hero Motocorp icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/hero-motocorp.svg" alt="Hero Motocorp icon" width="24" height="24">Related icons in theSVG Color
Hero Motocorp icon FAQ
Is the Hero Motocorp icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Hero Motocorp icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:hero-motocorp" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hero Motocorp icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/hero-motocorp.svg" alt="Hero Motocorp icon">, or paste the SVG code inline to style it with CSS.