Hero Motocorp アイコン
thesvg-color:hero-motocorp
Hero Motocorp アイコン(thesvg-color:hero-motocorp)は、theSVG Color セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hero Motocorp アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。