Running Linear アイコン

Q: Running Linear アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:running-linear

Running Linear アイコン(solar:running-linear)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: スポーツ
タグ: runninglinear

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="18.5" cy="4.5" r="2.5"/><path stroke-linecap="round" d="M9 17L7.99923 18.2009C7.262 19.0856 6.89338 19.5279 6.38945 19.764C5.88552 20 5.30973 20 4.15813 20H3"/><path stroke-linecap="round" stroke-linejoin="round" d="M4 9.63596L5.43568 8.82023C7.69897 7.53427 8.91257 6.84473 10.1548 6.67319C10.3486 6.64643 10.5443 6.62723 10.7398 6.63589C10.8044 6.63876 10.8805 6.64412 10.9688 6.65329C13.0114 6.8653 14.6111 8.41635 15.7502 10.125L15.8125 10.2185C16.5544 11.3312 17.8033 11.9996 19.1407 11.9996H21"/><path stroke-linecap="round" d="M14.0001 8.5L11.7793 11.2756C10.9429 12.321 10.5246 12.8438 10.4579 13.413C10.4204 13.733 10.4608 14.0573 10.5756 14.3584C10.7798 14.8939 11.3134 15.2981 12.3807 16.1066C13.1936 16.7225 13.6 17.0304 13.8755 17.4329C14.0326 17.6625 14.157 17.9129 14.2452 18.1767C14.3997 18.6394 14.3997 19.1493 14.3997 20.1692V21.9998"/></g></svg>

Running Linear アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:running-linear" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:running-linear" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:running-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--running-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:running-linear"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:running-linear"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/running-linear.svg" alt="Running Linear アイコン" width="24" height="24">

Solar の関連アイコン

Running Linear アイコンのよくある質問

Running Linear アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Running Linear アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:running-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Running Linear アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/running-linear.svg" alt="Running Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →