ICONYZ
العربية
أيقونة Number Circle 3 48 Regular من Fluent UI System Icons

أيقونة Number Circle 3 48 Regular

fluent:number-circle-3-48-regular

أيقونة Number Circle 3 48 Regular (fluent:number-circle-3-48-regular) أيقونة SVG مجانية من مجموعة Fluent UI System Icons من تصميم Microsoft Corporation. مرسومة على شبكة 48 × 48. تُنشر Fluent UI System Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Fluent UI System Icons
المؤلف
Microsoft Corporation
الترخيص
MIT
الحجم
48 × 48
الوسوم
numbercircle، circleregular، numbercircleregular
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M24 6.5C14.335 6.5 6.5 14.335 6.5 24S14.335 41.5 24 41.5S41.5 33.665 41.5 24S33.665 6.5 24 6.5M4 24C4 12.954 12.954 4 24 4s20 8.954 20 20s-8.954 20-20 20S4 35.046 4 24m19.25-1.25a1.25 1.25 0 1 0 0 2.5h1.247c2.3 0 4.003 1.71 4.003 3.625S26.797 32.5 24.497 32.5c-1.32 0-2.39-.49-3.153-1.005a6.4 6.4 0 0 1-.865-.7a5 5 0 0 1-.255-.266l-.006-.007a1.25 1.25 0 0 0-1.94 1.576v.001h.001l.002.003l.003.004l.01.012l.028.033l.092.105c.077.085.186.2.325.335c.278.27.683.623 1.206.976c1.042.704 2.594 1.433 4.552 1.433C28 35 31 32.344 31 28.875c0-2.024-1.021-3.77-2.567-4.875C29.979 22.895 31 21.149 31 19.125C31 15.656 28 13 24.497 13c-1.958 0-3.51.729-4.552 1.433a9 9 0 0 0-1.206.976a7 7 0 0 0-.417.44l-.017.02l-.011.013l-.01.012l-.003.004l-.002.002v.001h-.001a1.25 1.25 0 0 0 1.94 1.577q.124-.143.26-.274a6.4 6.4 0 0 1 .866-.7c.762-.514 1.834-1.004 3.153-1.004c2.3 0 4.003 1.71 4.003 3.625s-1.703 3.625-4.003 3.625zm-4.956-6.868l.011-.014l.017-.019"/></svg>

كيفية استخدام أيقونة Number Circle 3 48 Regular

React

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

<Icon icon="fluent:number-circle-3-48-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:number-circle-3-48-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:number-circle-3-48-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--number-circle-3-48-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:number-circle-3-48-regular"></div>

مكوّن ويب

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

<iconify-icon icon="fluent:number-circle-3-48-regular"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent/number-circle-3-48-regular.svg" alt="أيقونة Number Circle 3 48 Regular" width="24" height="24">

أيقونات ذات صلة في Fluent UI System Icons

الأسئلة الشائعة حول أيقونة Number Circle 3 48 Regular

هل أيقونة Number Circle 3 48 Regular مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Number Circle 3 48 Regular في React؟

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

كيف أضيف أيقونة Number Circle 3 48 Regular إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent/number-circle-3-48-regular.svg" alt="أيقونة Number Circle 3 48 Regular">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Fluent UI System Icons →