Running 2 Line Duotone アイコン

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

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

solar:running-2-line-duotone

Running 2 Line Duotone アイコン(solar:running-2-line-duotone)は、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
カテゴリ: スポーツ
タグ: runningline、lineduotone、runninglineduotone

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" opacity=".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" d="M14.4001 21.9999V19.9389C14.4001 19.1453 14.4001 18.7485 14.306 18.3817C14.2012 17.9732 14.0114 17.5913 13.749 17.261C13.5135 16.9646 13.1972 16.7249 12.5646 16.2457C11.6091 15.5218 11.1313 15.1599 10.9217 14.72C10.6893 14.2322 10.6642 13.6711 10.8521 13.1644C11.0215 12.7077 12.1127 11.8064 12.9998 11" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M4 9.63591L5.43568 8.82018C7.87566 7.43383 9.09566 6.74065 10.4467 6.64241C11.4679 6.56815 12.0528 6.79942 13.4066 7.3567C14.4288 7.77747 15.2738 8.54703 15.7681 9.53574C16.5231 11.0457 18.0664 11.9995 19.7546 11.9995H21"/></g></svg>

Running 2 Line Duotone アイコンの使い方

React

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

<Icon icon="solar:running-2-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:running-2-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:running-2-line-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:running-2-line-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/running-2-line-duotone.svg" alt="Running 2 Line Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Running 2 Line Duotone アイコンのよくある質問

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

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

React で Running 2 Line Duotone アイコンを使うには?

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

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

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

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