Running Linear icon

solar:running-linear

The Running Linear icon (solar:running-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Sports
Tags: runninglinear

Download SVG

SVG code

<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>

How to use the Running Linear icon

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 component

<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 image

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

Related icons in Solar

Running Linear icon FAQ

Is the Running Linear icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Running Linear icon in React?

Install @iconify/react and render <Icon icon="solar:running-linear" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Running Linear icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/running-linear.svg" alt="Running Linear icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →