Motorcycle Filled アイコン
boxicons:motorcycle-filled
Motorcycle Filled アイコン(boxicons:motorcycle-filled)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.26 14.47s-.07-.04-.1-.05c-.5-.27-1.07-.42-1.66-.42h-.06l-2.19-5.01h1.26c.28 0 .5-.22.5-.5v-1c0-.28-.22-.5-.5-.5h-2.13l-.09-.2a3.01 3.01 0 0 0-2.75-1.8h-1.53v2h1.53c.4 0 .76.24.92.6l1.05 2.4h-3.93c-.29 0-.56.12-.75.33L7.44 13l-2.72-2.72a1 1 0 0 0-.71-.29H1.84v2h1.75L5.6 14s-.06-.01-.1-.01c-1.11 0-2.13.51-2.79 1.38c-.3.39-.53.87-.65 1.43c-.04.22-.07.45-.07.69c0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5v-.1l1.3 1.3c.19.19.44.29.71.29h2c.25 0 .5-.1.68-.27L15 17.48c0 1.93 1.57 3.49 3.5 3.49s3.5-1.57 3.5-3.5c0-1.24-.67-2.4-1.74-3.03ZM5.5 19a1.498 1.498 0 0 1-1.47-1.79c.05-.23.14-.45.27-.61a1.506 1.506 0 0 1 1.94-.41c.02.01.04.02.07.03c.35.23.59.58.67.96c.02.1.03.21.03.31c0 .83-.67 1.5-1.5 1.5Zm13 0a1.498 1.498 0 0 1-1.2-2.4a1.506 1.506 0 0 1 1.94-.41a1.53 1.53 0 0 1 .77 1.31c0 .83-.67 1.5-1.5 1.5Z"/></svg>Motorcycle Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:motorcycle-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:motorcycle-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:motorcycle-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--motorcycle-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:motorcycle-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:motorcycle-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/boxicons/motorcycle-filled.svg" alt="Motorcycle Filled アイコン" width="24" height="24">Boxicons の関連アイコン
他のアイコンセットの Motorcycle Filled アイコン
Motorcycle Filled アイコン のよくある質問
Motorcycle Filled アイコンは商用利用でも無料ですか?
はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Motorcycle Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="boxicons:motorcycle-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Motorcycle Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/boxicons/motorcycle-filled.svg" alt="Motorcycle Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。