ICONYZ
العربية
أيقونة Running Shoe من Streamline Emojis

أيقونة Running Shoe

streamline-emojis:running-shoe

أيقونة Running Shoe (streamline-emojis:running-shoe) أيقونة SVG مجانية من مجموعة Streamline Emojis من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Streamline Emojis icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Streamline Emojis
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
48 × 48
الفئة
الوجوه التعبيرية والأشخاص
الوسوم
runningshoe
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M8.33 42.83a17.7 1.66 0 1 0 35.4 0a17.7 1.66 0 1 0-35.4 0" opacity=".15"/><path fill="#4acfff" d="M31.29 23.25L26.81 9.68A2.63 2.63 0 0 0 24 7.89l-1.85.2a1.09 1.09 0 0 0-.94.78l-3.46 11.48Z"/><path fill="#80ddff" d="M26.81 9.68A2.65 2.65 0 0 0 24 7.88l-1.85.21a1.09 1.09 0 0 0-.94.78l-.68 2.24c.13-.42 1.18-.7 1.62-.75l1.85-.2c1.24-.13 3.15.62 3.54 1.8Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.29 23.25L26.81 9.68A2.63 2.63 0 0 0 24 7.89l-1.85.2a1.09 1.09 0 0 0-.94.78l-3.46 11.48Z"/><path fill="#f0f0f0" d="M44 40L3 25L9.06 8.4a1.37 1.37 0 0 1 2.29-.47A12.86 12.86 0 0 0 22 11.66a3.76 3.76 0 0 1 3.16 1.15l10.6 11.24a20.6 20.6 0 0 0 5.84 4.34a7.06 7.06 0 0 1 3.49 8.75Z"/><path fill="#fff" d="M8.61 11.57a14.45 14.45 0 0 0 11.3 4a4.25 4.25 0 0 1 3.36 1.23l11.42 11.51A22.8 22.8 0 0 0 41 32.8a7.6 7.6 0 0 1 4 4.68l.13-.34a7.06 7.06 0 0 0-3.49-8.75a20.6 20.6 0 0 1-5.84-4.34L25.14 12.81A3.76 3.76 0 0 0 22 11.66a12.86 12.86 0 0 1-10.65-3.73a1.37 1.37 0 0 0-2.29.47L8 11.2a1.64 1.64 0 0 1 .61.37"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44 40L3 25L9.06 8.4a1.37 1.37 0 0 1 2.29-.47h0A12.86 12.86 0 0 0 22 11.66h0a3.76 3.76 0 0 1 3.16 1.15l10.6 11.24a20.6 20.6 0 0 0 5.84 4.34h0a7.06 7.06 0 0 1 3.49 8.75Z"/><path fill="#bdbec0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.01" d="M39.25 41.24L23.4 35.43a25 25 0 0 1-4.24-2l-3-1.76a2.1 2.1 0 0 0-1.7-.19h0a3.22 3.22 0 0 1-2.1-.05L5 28.7c-1.69-.7-2.75-1.65-2.45-2.52L3 25l41 15l-.36 1c-.5 1.16-2.26 1-4.39.24"/><path fill="#4acfff" d="M45.5 34.72a7.3 7.3 0 0 1-.43 2.42L44 40l-11.45-4.2c1-3 2.4-4.37 4.71-4.81a5.16 5.16 0 0 0 3.87-2.87l.44.23a7.08 7.08 0 0 1 3.93 6.37"/><path fill="#80ddff" d="M45.5 34.72a7.3 7.3 0 0 1-.43 2.42l-.12.34a7.6 7.6 0 0 0-4-4.68a22 22 0 0 1-3.17-1.89a5 5 0 0 0 3.36-2.75a7.4 7.4 0 0 1 2.43 1.71a7 7 0 0 1 1.93 4.85"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M45.5 34.72a7.3 7.3 0 0 1-.43 2.42L44 40l-11.45-4.2c1-3 2.4-4.37 4.71-4.81a5.16 5.16 0 0 0 3.87-2.87l.44.23a7.08 7.08 0 0 1 3.93 6.37"/><path fill="#4acfff" d="M16.46 30c2.86-7.79 2.92-9.83.56-12.81c-1.54-2-1.51-3.87-.69-6.09a12 12 0 0 1-5-3.12a1.37 1.37 0 0 0-2.29.47L3 25Z"/><path fill="#80ddff" d="M11.35 7.93a1.37 1.37 0 0 0-2.29.47L8 11.2a1.6 1.6 0 0 1 .58.37A14 14 0 0 0 16 15.36a6.3 6.3 0 0 1 .3-4.31a12 12 0 0 1-4.95-3.12"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.46 30c2.86-7.79 2.92-9.83.56-12.81c-1.54-2-1.51-3.87-.69-6.09a12 12 0 0 1-5-3.12a1.37 1.37 0 0 0-2.29.47L3 25Z"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.05 20a1.11 1.11 0 0 0-1.56-.12l-2.29 1.94a1.1 1.1 0 1 0 1.43 1.68l2.29-1.95a1.11 1.11 0 0 0 .13-1.55M30 15.55a1.11 1.11 0 0 0-1.56-.12l-2.29 1.95a1.11 1.11 0 1 0 1.43 1.69l2.3-2a1.11 1.11 0 0 0 .12-1.52M38.06 24a1.1 1.1 0 0 0-1.55-.12l-1.86 1.58a1.11 1.11 0 0 0 1.43 1.69l1.86-1.59a1.11 1.11 0 0 0 .12-1.56"/></svg>

كيفية استخدام أيقونة Running Shoe

React

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

<Icon icon="streamline-emojis:running-shoe" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:running-shoe" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:running-shoe" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--running-shoe]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:running-shoe"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-emojis:running-shoe"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/running-shoe.svg" alt="أيقونة Running Shoe" width="24" height="24">

أيقونة Running Shoe في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Running Shoe

هل أيقونة Running Shoe مجانية للاستخدام التجاري؟

نعم. تُنشر Streamline Emojis icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Running Shoe في React؟

ثبّت @iconify/react واعرض <Icon icon="streamline-emojis:running-shoe" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Running Shoe إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-emojis/running-shoe.svg" alt="أيقونة Running Shoe">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Streamline Emojis →