Run Treadmill Line アイコン
mingcute:run-treadmill-line
Run Treadmill Line アイコン(mingcute:run-treadmill-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
- タグ
- runtreadmill、treadmillline、runtreadmillline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.707 11.293a1 1 0 0 0-1.414 1.414L10 12zm1.303 6.848a1 1 0 1 0 1.98-.282L13 18zm-2.116-3.194a1 1 0 1 0-1.788-.894L9 14.5zM5.757 16.03a1 1 0 1 0 .486 1.94L6 17zM4 19a1 1 0 1 0 0 2zm15 2a1 1 0 1 0 0-2zm-2.986-1.164a1 1 0 1 0 1.972.328L17 20zM19 8l.986.164a1 1 0 0 0-.539-1.058zm-.553-1.394a1 1 0 1 0-.894 1.788L18 7.5zM11.5 7.5l.625-.78a1 1 0 0 0-.749-.212zM5.606 9.553a1 1 0 1 0 1.788.894L6.5 10zm10.637.417a1 1 0 1 0-.485-1.94L16 9zm-2.436-.625l-.625.781zm.433.095l.243.97zM8.031 7.934l-.124-.993zm4.516 6.896l-.99.141zm-4.77 1.726l-.243-.97zM13 4.5h-1a.5.5 0 0 1-.5.5v2A2.5 2.5 0 0 0 14 4.5zM11.5 6V5a.5.5 0 0 1-.5-.5H9A2.5 2.5 0 0 0 11.5 7zM10 4.5h1a.5.5 0 0 1 .5-.5V2A2.5 2.5 0 0 0 9 4.5zM11.5 3v1a.5.5 0 0 1 .5.5h2A2.5 2.5 0 0 0 11.5 2zM10 12l-.707.707l2.264 2.264l.707-.707l.707-.707l-2.264-2.264zm2.547 2.83l-.99.141l.453 3.17L13 18l.99-.141l-.453-3.17zM9 14.5l-.894-.447l-.898 1.794l.895.447l.894.447l.897-1.794zm-1.223 2.056l-.243-.97l-1.777.444L6 17l.243.97l1.776-.444zM4 20v1h15v-2H4zm13 0l.986.164l2-12L19 8l-.986-.164l-2 12zm2-12l.447-.894l-1-.5L18 7.5l-.447.894l1 .5zm-7.11.594l-.994-.1l-.301 3.01l.995.1l.995.1l.3-3.01zm-2.28 2.812l.994.1l.301-3.01l-.995-.1l-.995-.1l-.3 3.01zM11.5 7.5l-.124-.992l-3.469.433l.124.993l.124.992l3.469-.434zm-4.24.979l-.894-.448l-.76 1.522L6.5 10l.894.447l.761-1.521zM11.5 7.5l-.625.78l2.307 1.846l.625-.78l.624-.782l-2.306-1.845zm2.74 1.94l.243.97l1.76-.44L16 9l-.242-.97l-1.76.44zm-.433-.095l-.625.781a1.5 1.5 0 0 0 1.3.284l-.242-.97l-.242-.97a.5.5 0 0 1 .433.094zM8.03 7.934l-.124-.993a2 2 0 0 0-1.54 1.09l.894.448l.894.447zM10.6 12.5v-1q-.003 0 0 0l.002.001h.001v.002l.001.003l-.995-.1l-.995-.1A1.995 1.995 0 0 0 10.6 13.5zm.99-.896l-.995-.1v-.002h.001l.002-.001l.002-.001v2a1.995 1.995 0 0 0 1.985-1.796zm.674 2.66l-.707.707l.99-.141l.99-.141a2 2 0 0 0-.566-1.132zM10.9 7.5v1q.003 0 0 0l-.002-.001h-.001v-.002l-.001-.003l.995.1l.995.1A1.995 1.995 0 0 0 10.9 6.5zm-2.797 8.794l-.895-.447a.5.5 0 0 1 .326-.261l.243.97l.242.97a1.5 1.5 0 0 0 .978-.785zM10.9 7.5v-1a1.995 1.995 0 0 0-1.985 1.797l.995.099l.995.1v.002h-.001l-.002.001l-.002.001z"/></svg>Run Treadmill Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:run-treadmill-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:run-treadmill-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:run-treadmill-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--run-treadmill-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:run-treadmill-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:run-treadmill-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/run-treadmill-line.svg" alt="Run Treadmill Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Run Treadmill Line アイコン のよくある質問
Run Treadmill Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Run Treadmill Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:run-treadmill-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Run Treadmill Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/run-treadmill-line.svg" alt="Run Treadmill Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。