Иконка Running Round Linear

solar:running-round-linear

Иконка Running Round Linear (solar:running-round-linear) — бесплатная SVG-иконка из набора Solar от 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, roundlinear, runningroundlinear

Скачать 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.72629C8.21393 6.96427 7.94422 7.08326 7.68074 7.21404C7.24267 7.43148 6.81722 7.67347 6.40642 7.93886C6.15935 8.09847 5.91922 8.26947 5.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 Linear

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/running-round-linear.svg" alt="Иконка Running Round Linear" width="24" height="24">

Вопросы и ответы: Иконка Running Round Linear

Можно ли бесплатно использовать иконку Running Round Linear в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Running Round Linear в React?

Установите @iconify/react и выведите <Icon icon="solar:running-round-linear" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Running Round Linear на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/running-round-linear.svg" alt="Иконка Running Round Linear">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →