Icône Running Outline

healthicons:running-outline

L'icône Running Outline (healthicons:running-outline) est une icône SVG gratuite de la collection Health Icons par Resolve to Save Lives. Elle est dessinée sur une grille de 48 × 48. Les Health Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Health Icons
Auteur: Resolve to Save Lives
Licence: MIT
Taille: 48 × 48
Catégorie: Exercice
Mots-clés: runningoutline, running2x outline

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M37.001 9a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-2 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0m-8.684 3.572c-1.429-.682-2.908-.691-4.122-.547c-3.341.396-5.832 2.326-7.467 4.03c-1.346 1.402-2.343 2.913-2.816 3.63l-.007.01c-.1.15-.164.248-.207.31a3 3 0 0 0 4.905 3.454c.12-.17.25-.364.382-.564l.005-.008c.46-.692 1.042-1.564 1.854-2.45c-.596 1.653-1.16 3.24-1.277 3.641a3.2 3.2 0 0 0-.083 1.39c.045.285.119.52.174.674c.11.31.252.586.362.789c.229.42.53.886.838 1.334c.627.915 1.462 2.029 2.28 3.09c.723.94 1.458 1.875 2.06 2.64l.244.308c.324.412.591.753.787 1.007l.068.09s.054.213.087.355c.113.486.245 1.127.387 1.844l.279 1.437l.003.015c.187.971.374 1.942.519 2.597a3 3 0 1 0 5.858-1.296c-.126-.573-.29-1.417-.472-2.365c-.096-.502-.198-1.03-.301-1.55a66 66 0 0 0-.429-2.04a17 17 0 0 0-.215-.842l-.002-.007a4.8 4.8 0 0 0-.417-1.034a8 8 0 0 0-.583-.828l-.028-.036c-.218-.284-.505-.65-.826-1.058l-.244-.308l-.002-.003a367 367 0 0 1-1.873-2.395l1.993-4.105a7.8 7.8 0 0 0 4.07 1.406c2.475.133 4.637-.952 5.451-1.36l.026-.013c.094-.048.157-.08.203-.1a3 3 0 1 0-2.56-5.427q-.172.08-.34.163h-.002c-.925.447-1.677.788-2.458.746c-.328-.018-.692-.113-1.12-.457c-.465-.373-1.126-1.138-1.803-2.691c-.657-1.506-1.675-2.758-3.181-3.476m-2.02 22.827c-.011-.044.01.035 0 0m-1.866-21.388c1.035-.123 2.08-.084 3.025.366c.97.462 1.694 1.29 2.208 2.47c.767 1.76 1.6 2.822 2.385 3.452c.773.62 1.543.855 2.265.894c1.339.072 2.523-.5 3.363-.907l.072-.034l.325-.156a1 1 0 0 1 .854 1.808l-.239.118l-.008.004c-.804.404-2.556 1.267-4.474 1.164c-1.116-.06-2.291-.434-3.409-1.33a7 7 0 0 1-.432-.377a1 1 0 0 0-1.585.292l-2.812 5.793a1 1 0 0 0 .106 1.045l.233.303c.708.92 1.429 1.836 2.032 2.602l.003.005h.001l.241.307c.322.41.603.766.813 1.04l.01.012c.179.233.367.481.45.625c.108.19.184.434.234.606c.06.208.124.46.188.737c.129.554.272 1.25.415 1.974c.102.516.203 1.039.3 1.54l.002.016c.18.93.347 1.801.48 2.404a1 1 0 0 1-1.952.432c-.139-.625-.32-1.57-.511-2.558v-.002l-.281-1.445c-.143-.72-.28-1.388-.4-1.908a13 13 0 0 0-.161-.632a1 1 0 0 0-.16-.32l-.198-.261a136 136 0 0 0-.8-1.024l-.242-.307a298 298 0 0 1-2.05-2.623c-.812-1.056-1.62-2.134-2.214-3a14 14 0 0 1-.732-1.162a4 4 0 0 1-.235-.505a1.7 1.7 0 0 1-.081-.311a1.2 1.2 0 0 1 .028-.524c.122-.418.927-2.664 1.677-4.738l.732-2.02a1 1 0 0 0-1.373-1.243c-1.104.53-2.074 1.32-2.91 2.191c-1.055 1.1-1.78 2.19-2.28 2.943l-.01.013c-.138.21-.253.382-.356.528a1 1 0 0 1-1.635-1.152c.063-.089.145-.213.233-.347l.009-.013c.468-.71 1.382-2.092 2.596-3.356c1.481-1.544 3.572-3.11 6.26-3.43"/><path d="M18.564 29.779a1 1 0 0 0-1.756.255l-.525 1.508l-4.096-.962a3 3 0 0 0-1.373 5.84l6.728 1.582a3 3 0 0 0 3.52-1.935l.49-1.408a1 1 0 0 0-.133-.912zm-.688 3.271l.188-.541l1.428 1.984l-.32.917a1 1 0 0 1-1.172.645l-6.728-1.581a1 1 0 0 1 .457-1.947l4.974 1.168a1 1 0 0 0 1.173-.645"/></g></svg>

Comment utiliser l'icône Running Outline

React

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

<Icon icon="healthicons:running-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:running-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:running-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--running-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:running-outline"></div>

Web component

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

<iconify-icon icon="healthicons:running-outline"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/healthicons/running-outline.svg" alt="Icône Running Outline" width="24" height="24">

Icônes similaires dans Health Icons

L'icône Running Outline dans d'autres collections

FAQ : Icône Running Outline

L'icône Running Outline est-elle gratuite pour un usage commercial ?

Oui. Les Health Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Running Outline dans React ?

Installez @iconify/react et affichez <Icon icon="healthicons:running-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Running Outline à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/healthicons/running-outline.svg" alt="Icône Running Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Health Icons →