أيقونة Circle Notch
fa-solid:circle-notch
أيقونة Circle Notch (fa-solid:circle-notch) أيقونة SVG مجانية من مجموعة Font Awesome 5 Solid من تصميم Dave Gandy. مرسومة على شبكة 512 × 512. تُنشر Font Awesome 5 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Font Awesome 5 Solid
- المؤلف
- Dave Gandy
- الترخيص
- CC-BY-4.0
- الحجم
- 512 × 512
- الفئة
- مؤشرات الدوران
- الوسوم
- circlenotch
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184c-101.689 0-184-82.295-184-184c0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056"/></svg>
كيفية استخدام أيقونة Circle Notch
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:circle-notch" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:circle-notch" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:circle-notch" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--circle-notch]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:circle-notch"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:circle-notch"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fa-solid/circle-notch.svg" alt="أيقونة Circle Notch" width="24" height="24">
أيقونات ذات صلة في Font Awesome 5 Solid
أيقونة Circle Notch في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Circle Notch
هل أيقونة Circle Notch مجانية للاستخدام التجاري؟
نعم. تُنشر Font Awesome 5 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Circle Notch في React؟
ثبّت @iconify/react واعرض <Icon icon="fa-solid:circle-notch" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Circle Notch إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fa-solid/circle-notch.svg" alt="أيقونة Circle Notch">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Font Awesome 5 Solid →
ICONYZ
