أيقونة Settings
iconoir:settings
أيقونة Settings (iconoir:settings) أيقونة SVG مجانية من مجموعة Iconoir من تصميم Luca Burgio. مرسومة على شبكة 24 × 24. تُنشر Iconoir icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Iconoir
- المؤلف
- Luca Burgio
- الترخيص
- MIT
- الحجم
- 24 × 24
- الفئة
- النظام
- الوسوم
- setting
شيفرة 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-linejoin="round" stroke-width="1.5"><path d="M12 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path d="m19.622 10.395l-1.097-2.65L20 6l-2-2l-1.735 1.483l-2.707-1.113L12.935 2h-1.954l-.632 2.401l-2.645 1.115L6 4L4 6l1.453 1.789l-1.08 2.657L2 11v2l2.401.656L5.516 16.3L4 18l2 2l1.791-1.46l2.606 1.072L11 22h2l.604-2.387l2.651-1.098C16.697 18.832 18 20 18 20l2-2l-1.484-1.75l1.098-2.652l2.386-.62V11z"/></g></svg>
كيفية استخدام أيقونة Settings
React
import { Icon } from "@iconify/react";
<Icon icon="iconoir:settings" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconoir:settings" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconoir:settings" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconoir--settings]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconoir -->
<div class="i-iconoir:settings"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconoir:settings"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/iconoir/settings.svg" alt="أيقونة Settings" width="24" height="24">
أيقونات ذات صلة في Iconoir
أيقونة Settings في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Settings
هل أيقونة Settings مجانية للاستخدام التجاري؟
نعم. تُنشر Iconoir icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Settings في React؟
ثبّت @iconify/react واعرض <Icon icon="iconoir:settings" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Settings إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/iconoir/settings.svg" alt="أيقونة Settings">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Iconoir →
ICONYZ
