أيقونة Gears
whh:gears
أيقونة Gears (whh:gears) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 962. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 962
- الوسوم
- gear
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="962" viewBox="0 0 1024 962"><path fill="currentColor" d="M992 737H884q-12 35-38 64l47 83q6 12 2.5 24T882 927l-53 31q-11 6-23 3t-18-15l-48-84q-20 4-36 4t-36-4l-48 84q-6 12-18 15t-23-3l-53-31q-10-7-13.5-19t2.5-24l47-83q-26-29-38-64H416q-13 0-22.5-9t-9.5-23v-64q0-13 9.5-22.5T416 609h108q12-34 38-63l-47-83q-6-12-2.5-24t13.5-19l53-31q11-6 23-3t18 14l48 85q20-4 36-4t36 4l48-85q6-11 18-14t23 3l53 31q10 7 13.5 19t-2.5 24l-47 83q26 29 38 63h108q13 0 22.5 9.5t9.5 22.5v64q0 14-9.5 23t-22.5 9M704 609q-27 0-45.5 19T640 673.5t18.5 45T704 737t45.5-18.5t18.5-45t-18.5-45.5t-45.5-19m-96-256H500q-12 35-38 64l47 83q6 11 2.5 23.5T498 543l-53 31q-11 6-23 2.5T404 562l-48-84q-19 3-36 3t-36-3l-48 84q-6 11-18 14.5t-23-2.5l-53-31q-10-7-13.5-19.5T131 500l47-83q-26-29-38-64H32q-13 0-22.5-9T0 321v-64q0-13 9.5-22.5T32 225h108q12-34 38-64l-47-83q-6-11-2.5-23.5T142 36l53-31q11-7 23-3.5T236 16l48 85q20-4 36-4t36 4l48-85q6-11 18-14.5T445 5l53 31q10 6 13.5 18.5T509 78l-47 83q26 30 38 64h108q13 0 22.5 9.5T640 257v64q0 14-9.5 23t-22.5 9M320 225q-27 0-45.5 19T256 289.5t18.5 45T320 353t45.5-18.5t18.5-45t-18.5-45.5t-45.5-19"/></svg>كيفية استخدام أيقونة Gears
React
import { Icon } from "@iconify/react";
<Icon icon="whh:gears" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:gears" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:gears" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--gears]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:gears"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:gears"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/gears.svg" alt="أيقونة Gears" width="24" height="24">أيقونات ذات صلة في WebHostingHub Glyphs
أيقونة Gears في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Gears
هل أيقونة Gears مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Gears في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:gears" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Gears إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/gears.svg" alt="أيقونة Gears">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.