أيقونة Settings
cil:settings
أيقونة Settings (cil:settings) أيقونة SVG مجانية من مجموعة CoreUI Free من تصميم creativeLabs Łukasz Holeczek. مرسومة على شبكة 512 × 512. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- CoreUI Free
- المؤلف
- creativeLabs Łukasz Holeczek
- الترخيص
- CC-BY-4.0
- الحجم
- 512 × 512
- الوسوم
- setting
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M245.151 168a88 88 0 1 0 88 88a88.1 88.1 0 0 0-88-88m0 144a56 56 0 1 1 56-56a56.063 56.063 0 0 1-56 56"/><path fill="currentColor" d="m464.7 322.319l-31.77-26.153a193.1 193.1 0 0 0 0-80.332l31.77-26.153a19.94 19.94 0 0 0 4.606-25.439l-32.612-56.483a19.936 19.936 0 0 0-24.337-8.73l-38.561 14.447a192 192 0 0 0-69.54-40.192l-6.766-40.571A19.936 19.936 0 0 0 277.762 16H212.54a19.94 19.94 0 0 0-19.728 16.712l-6.762 40.572a192 192 0 0 0-69.54 40.192L77.945 99.027a19.94 19.94 0 0 0-24.334 8.731L21 164.245a19.94 19.94 0 0 0 4.61 25.438l31.767 26.151a193.1 193.1 0 0 0 0 80.332l-31.77 26.153A19.94 19.94 0 0 0 21 347.758l32.612 56.483a19.94 19.94 0 0 0 24.337 8.73l38.562-14.447a192 192 0 0 0 69.54 40.192l6.762 40.571A19.94 19.94 0 0 0 212.54 496h65.222a19.936 19.936 0 0 0 19.728-16.712l6.763-40.572a192 192 0 0 0 69.54-40.192l38.564 14.449a19.94 19.94 0 0 0 24.334-8.731l32.609-56.487a19.94 19.94 0 0 0-4.6-25.436m-50.636 57.12l-48.109-18.024l-7.285 7.334a159.96 159.96 0 0 1-72.625 41.973l-10 2.636L267.6 464h-44.89l-8.442-50.642l-10-2.636a159.96 159.96 0 0 1-72.625-41.973l-7.285-7.334l-48.117 18.024L53.8 340.562l39.629-32.624l-2.7-9.973a160.9 160.9 0 0 1 0-83.93l2.7-9.972L53.8 171.439l22.446-38.878l48.109 18.024l7.285-7.334a159.96 159.96 0 0 1 72.625-41.973l10-2.636L222.706 48H267.6l8.442 50.642l10 2.636a159.96 159.96 0 0 1 72.625 41.973l7.285 7.334l48.109-18.024l22.447 38.877l-39.629 32.625l2.7 9.972a160.9 160.9 0 0 1 0 83.93l-2.7 9.973l39.629 32.623Z"/></svg>
كيفية استخدام أيقونة Settings
React
import { Icon } from "@iconify/react";
<Icon icon="cil:settings" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:settings" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:settings" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--settings]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:settings"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:settings"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/cil/settings.svg" alt="أيقونة Settings" width="24" height="24">
أيقونة Settings في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Settings
هل أيقونة Settings مجانية للاستخدام التجاري؟
نعم. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Settings في React؟
ثبّت @iconify/react واعرض <Icon icon="cil:settings" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Settings إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/cil/settings.svg" alt="أيقونة Settings">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات CoreUI Free →
ICONYZ
