أيقونة Cog

il:cog

أيقونة Cog (il:cog) أيقونة SVG مجانية من مجموعة Icalicons من تصميم Icalia Labs. مرسومة على شبكة 740 × 830. تُنشر Icalicons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Icalicons
المؤلف: Icalia Labs
الترخيص: MIT
الحجم: 740 × 830

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="740" height="830" viewBox="0 0 740 830"><path fill="currentColor" d="M722 424q12 9 9 24q-11 46-33 86q-3 7-9 10t-15 1q-22-4-43 2t-39 24t-23 40t-2 46q3 16-10 24q-41 24-82 35q-16 5-26-10q-12-20-32-32t-46-12t-45 12t-34 32q-9 15-25 10q-44-12-82-35q-15-8-11-24q5-23-1-46t-23-40t-39-24t-44-2q-16 4-24-11q-22-42-32-86q-5-15 9-24q17-13 28-33t10.5-42t-9.5-40t-25-31q-12-11-8-24q15-48 40-89q7-12 20-10q20 2 40-5t34-22q29-29 27-69q-1-13 11-20q44-26 94-38q13-3 21 6q13 14 31 22t37 8t37-8t30-22q9-9 22-6q50 12 94 38q11 6 11 20q-2 40 27 69q15 15 34 22t39 5q13-2 21 10q25 41 40 89q3 14-8 24q-16 13-25 31t-9 40.5t11 41.5t27 33m-351 76q29 0 55-11t44-30t29-44t11-54t-11-55t-29-44t-44-29t-55-11t-54 11t-44 29t-30 44t-11 55t11 54t30 44t44 30t54 11"/></svg>

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

React

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

<Icon icon="il:cog" width="24" />

Vue

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

<template>
  <Icon icon="il:cog" width="24" />
</template>

Svelte

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

<Icon icon="il:cog" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[il--cog]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/il -->
<div class="i-il:cog"></div>

مكوّن ويب

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

<iconify-icon icon="il:cog"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/il/cog.svg" alt="أيقونة Cog" width="24" height="24">

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

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

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

نعم. تُنشر Icalicons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Icalicons →