أيقونة Jogger Pants
hugeicons:jogger-pants
أيقونة Jogger Pants (hugeicons:jogger-pants) أيقونة SVG مجانية من مجموعة Huge Icons من تصميم Hugeicons. مرسومة على شبكة 24 × 24. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Huge Icons
- المؤلف
- Hugeicons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- joggerpants، pant
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M18.16 5V4c0-.943 0-1.414-.3-1.707C17.559 2 17.075 2 16.107 2H7.893c-.968 0-1.452 0-1.753.293s-.3.764-.3 1.707v1m12.32 0l2.655 14.652c.197 1.09.296 1.633-.012 1.99c-.307.358-.875.358-2.01.358h-1.17c-.73 0-1.096 0-1.368-.196c-.272-.195-.38-.535-.594-1.216l-1.698-5.375C13.16 12.67 12.758 11.4 12 11.4s-1.16 1.271-1.963 3.813L8.34 20.588c-.215.68-.322 1.02-.594 1.216S7.107 22 6.376 22H5.207c-1.135 0-1.703 0-2.01-.357c-.308-.358-.21-.902-.012-1.99L5.84 5m12.32 0H5.84"/><path stroke-linejoin="round" d="M10 7.778L12 5l3 5"/></g></svg>كيفية استخدام أيقونة Jogger Pants
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:jogger-pants" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:jogger-pants" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:jogger-pants" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--jogger-pants]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:jogger-pants"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:jogger-pants"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/jogger-pants.svg" alt="أيقونة Jogger Pants" width="24" height="24">الأسئلة الشائعة حول أيقونة Jogger Pants
هل أيقونة Jogger Pants مجانية للاستخدام التجاري؟
نعم. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Jogger Pants في React؟
ثبّت @iconify/react واعرض <Icon icon="hugeicons:jogger-pants" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Jogger Pants إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/hugeicons/jogger-pants.svg" alt="أيقونة Jogger Pants">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.