Motorcycle アイコン
la:motorcycle
Motorcycle アイコン(la:motorcycle)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 物
- タグ
- motorcycle solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M22.5 6a1.48 1.48 0 0 0-1.406 1H17v2h4.25l.313 1H18c-2.61 0-3.922 1.406-4.406 2h-3.375A7.4 7.4 0 0 0 6.5 11c-2.16 0-3.938.844-3.938.844l.876 1.812S4.867 13 6.5 13c.809 0 1.57.246 2.125.469L7.75 15.28A6 6 0 0 0 6 15c-3.309 0-6 2.691-6 6s2.691 6 6 6a5.986 5.986 0 0 0 5.906-5h3.469c.758 0 1.477-.441 1.813-1.125h-.032l1.094-2.219c1.664-.765 3.02-2.093 3.969-3.343c.261-.344.484-.66.687-.97l2.125 6.938l1.938-.562l-1.125-3.688c.054-.004.101-.031.156-.031c2.207 0 4 1.793 4 4s-1.793 4-4 4a4.003 4.003 0 0 1-2.906-6.75l-.625-2.094A6 6 0 0 0 20 21c0 3.309 2.691 6 6 6s6-2.691 6-6s-2.691-6-6-6a6 6 0 0 0-.781.063L23.375 9H25V6zM18 12h4a17 17 0 0 1-1.375 2.094c-.93 1.219-2.223 2.515-3.469 2.969l-.406.125l-.156.375L15.375 20H6v2h3.844C9.398 23.723 7.859 25 6 25c-2.207 0-4-1.793-4-4s1.793-4 4-4c1.473 0 2.742.809 3.438 2h2.218a6.04 6.04 0 0 0-2.125-2.844L10.625 14h3.906l.313-.438S15.813 12 18 12"/></svg>
Motorcycle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:motorcycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:motorcycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:motorcycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--motorcycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:motorcycle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:motorcycle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/motorcycle.svg" alt="Motorcycle アイコン" width="24" height="24">
他のアイコンセットの Motorcycle アイコン
Motorcycle アイコン のよくある質問
Motorcycle アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Motorcycle アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:motorcycle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Motorcycle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/motorcycle.svg" alt="Motorcycle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
