Ikon Running Outline

healthicons:running-outline

Ikon Running Outline (healthicons:running-outline) adalah ikon SVG gratis dari set Health Icons karya Resolve to Save Lives. Ikon ini digambar pada grid 48 × 48. Health Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Health Icons
Pembuat: Resolve to Save Lives
Lisensi: MIT
Ukuran: 48 × 48
Kategori: Olahraga
Tag: runningoutline, running2x outline

Download SVG

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

Cara memakai ikon 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>

Gambar HTML

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

Ikon terkait di Health Icons

Ikon Running Outline di set ikon lain

FAQ Ikon Running Outline

Apakah ikon Running Outline gratis untuk penggunaan komersial?

Ya. Health Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Running Outline di React?

Pasang @iconify/react lalu render <Icon icon="healthicons:running-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Running Outline ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/healthicons/running-outline.svg" alt="Ikon Running Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Health Icons →