Run Filled アイコン

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

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:run-filled

Run Filled アイコン(reicon:run-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: スポーツ
タグ: runfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.75 4.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/><path fill-rule="evenodd" d="M9.802 5.93a4 4 0 0 1 .721-.043q.12.006.273.02c2.383.248 4.15 2.036 5.328 3.802l.063.094a3.25 3.25 0 0 0 2.704 1.447h1.859a.75.75 0 0 1 0 1.5h-1.86a4.75 4.75 0 0 1-3.952-2.115l-.062-.094A11 11 0 0 0 14 9.39l-1.884 2.355c-.428.534-.714.894-.907 1.19c-.188.286-.241.445-.255.566c-.024.2.002.403.073.591c.044.114.135.256.386.487c.26.24.626.518 1.172.93l.095.073c.72.546 1.22.924 1.565 1.428c.197.287.352.6.463.93c.193.58.193 1.206.193 2.11V22a.75.75 0 0 1-1.5 0v-1.83c0-1.07-.01-1.435-.116-1.755a2.3 2.3 0 0 0-.277-.558c-.19-.278-.476-.505-1.33-1.152l-.028-.021c-.51-.386-.933-.707-1.252-1.001c-.334-.307-.611-.635-.772-1.056a2.75 2.75 0 0 1-.162-1.3c.052-.448.241-.835.49-1.214c.237-.362.569-.778.968-1.277l1.984-2.479c-.687-.523-1.444-.871-2.264-.956a3 3 0 0 0-.184-.014a2.5 2.5 0 0 0-.45.03c-1.065.148-2.132.74-4.45 2.057l-1.436.815a.75.75 0 1 1-.742-1.304l1.436-.815l.152-.087c2.12-1.204 3.449-1.96 4.835-2.151M9.23 16.425a.75.75 0 0 1 .096 1.056l-1 1.201l-.097.116c-.642.771-1.113 1.338-1.771 1.646s-1.395.308-2.4.307H2.75a.75.75 0 0 1 0-1.5h1.158c1.222 0 1.596-.017 1.913-.165c.318-.149.57-.426 1.352-1.364l1-1.201a.75.75 0 0 1 1.057-.096" clip-rule="evenodd"/></g></svg>

Run Filled アイコンの使い方

React

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

<Icon icon="reicon:run-filled" width="24" />

Vue

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

<template>
  <Icon icon="reicon:run-filled" width="24" />
</template>

Svelte

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

<Icon icon="reicon:run-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--run-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:run-filled"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:run-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/run-filled.svg" alt="Run Filled アイコン" width="24" height="24">

Reicon の関連アイコン

Run Filled アイコンのよくある質問

Run Filled アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Run Filled アイコンを使うには?

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

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

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

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