Jeep Line アイコン
mingcute:jeep-line
Jeep Line アイコン(mingcute:jeep-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- jeepline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m14.583 6.971l-.858.515zM21 12.383h-1V15h2v-2.617zM3 15h1v-3.807H2V15zm14.483-3.94l-.124.993l2.641.33l.124-.992l.124-.993l-2.641-.33zm-14.411-.239l.928.372l1.426-3.564l-.929-.372l-.928-.371l-1.426 3.564zM6.354 6v1h6.514V5H6.354zm8.229.971l-.858.515l2.167 3.611l.858-.514l.857-.515l-2.167-3.611zM15 17v-1H9v2h6zm-6 0H8a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2v-1a1 1 0 0 1-1-1H4a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1v-2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm12 2h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2v-1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1v-2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zM3.01 11v1h13.98v-2H3.01zM10 6H9v5h2V6zm2.868 0v1a1 1 0 0 1 .857.486l.858-.515l.857-.514A3 3 0 0 0 12.868 5zm-8.37 1.257l.928.372A1 1 0 0 1 6.354 7V5A3 3 0 0 0 3.57 6.886zm12.985 3.803l.124-.992l-.857.515l-.858.514a2 2 0 0 0 1.467.956zM3 11.193h1l-.928-.372l-.929-.371a2 2 0 0 0-.143.743zM3 15H2a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1zm18 0h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm0-2.617h1a2 2 0 0 0-1.752-1.985l-.124.992l-.124.993z"/></svg>Jeep Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:jeep-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:jeep-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:jeep-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--jeep-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:jeep-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:jeep-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/jeep-line.svg" alt="Jeep Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Jeep Line アイコン のよくある質問
Jeep Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jeep Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:jeep-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jeep Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/jeep-line.svg" alt="Jeep Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。