أيقونة Marker Circle
ph:marker-circle
أيقونة Marker Circle (ph:marker-circle) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Phosphor
- المؤلف
- Phosphor Icons
- الترخيص
- MIT
- الحجم
- 256 × 256
- الوسوم
- write، writing، editing، drawing، markercircle
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M201.54 54.46A104 104 0 0 0 54.46 201.54A104 104 0 0 0 201.54 54.46M88 206.37V176h80v30.37a88.38 88.38 0 0 1-80 0M104 144h48v16h-48Zm14-16l10-48l10 48Zm72.22 62.23c-2 2-4.08 3.87-6.22 5.64V176a16 16 0 0 0-16-16v-16a16 16 0 0 0-13.61-15.8l-10.73-51.46a16 16 0 0 0-31.32 0l-10.73 51.46A16 16 0 0 0 88 144v16a16 16 0 0 0-16 16v19.87a89 89 0 0 1-6.22-5.64a88 88 0 1 1 124.44 0"/></svg>
كيفية استخدام أيقونة Marker Circle
React
import { Icon } from "@iconify/react";
<Icon icon="ph:marker-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:marker-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:marker-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--marker-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:marker-circle"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:marker-circle"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/ph/marker-circle.svg" alt="أيقونة Marker Circle" width="24" height="24">
أيقونات ذات صلة في Phosphor
أيقونة Marker Circle في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Marker Circle
هل أيقونة Marker Circle مجانية للاستخدام التجاري؟
نعم. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Marker Circle في React؟
ثبّت @iconify/react واعرض <Icon icon="ph:marker-circle" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Marker Circle إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ph/marker-circle.svg" alt="أيقونة Marker Circle">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Phosphor →
ICONYZ
