ICONYZ
日本語
Solar の Running Round Broken アイコン

Running Round Broken アイコン

solar:running-round-broken

Running Round Broken アイコン(solar:running-round-broken)は、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
カテゴリ
スポーツ
タグ
runninground、roundbroken、runningroundbroken
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="M14.4 21.9998V21.1948C14.4 21.117 14.4 21.0781 14.3996 21.0411C14.377 18.9018 13.3773 16.8903 11.6857 15.5804C11.6565 15.5578 11.6255 15.5343 11.5635 15.4873C11.5235 15.457 11.5035 15.4419 11.4877 15.4294C10.5309 14.6738 10.467 13.2453 11.3524 12.4073C11.367 12.3935 11.3857 12.3765 11.4227 12.3428L12.4628 11.3973C14.0898 9.91821 13.5945 7.24444 11.5457 6.4462C10.8122 6.16044 9.99522 6.17841 9.27504 6.49613L8.75335 6.72629M5.43897 8.61147L4 9.63619"/><path stroke-linecap="round" d="M9 17L8.74064 17.3112C7.32089 19.0149 5.21773 20 3 20"/><path stroke-linecap="round" d="M16 12C17.3131 12.3283 18.6869 12.3283 20 12"/></g></svg>

Running Round Broken アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:running-round-broken"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

running-2-bold アイコン
running-2-bold
 running-2-bold-duotone アイコン
running-2-bold-duotone
 running-2-broken アイコン
running-2-broken
 running-2-line-duotone アイコン
running-2-line-duotone
 running-2-linear アイコン
running-2-linear
 running-2-outline アイコン
running-2-outline
 running-bold アイコン
running-bold
 running-bold-duotone アイコン
running-bold-duotone
 running-broken アイコン
running-broken
 running-line-duotone アイコン
running-line-duotone
 running-linear アイコン
running-linear
 running-outline アイコン
running-outline
 running-round-bold アイコン
running-round-bold
 running-round-bold-duotone アイコン
running-round-bold-duotone
 running-round-line-duotone アイコン
running-round-line-duotone
 running-round-linear アイコン
running-round-linear
 running-round-outline アイコン
running-round-outline

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

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

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

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

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

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

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

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