ICONYZ
العربية
أيقونة Marker من WebHostingHub Glyphs

أيقونة Marker

whh:marker

أيقونة Marker (whh:marker) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1025 × 961. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
WebHostingHub Glyphs
المؤلف
WebHostingHub
الترخيص
OFL-1.1
الحجم
1025 × 961
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="961" viewBox="0 0 1025 961"><path fill="currentColor" d="M1023 961H878l-39-39l83-82l94 93q11 11 7 28M545 833l288-288l68 220l-136 136zM32 353Q0 320 0 272.5T33 192L192 33Q225 1 272.5.5T352 33l449 448l-320 320zm526 205.5q18-18.5 18-44T558 471L297 210q-18-18-43.5-18T210 210t-18 43.5t18 43.5l261 262q18 18 43.5 18t43.5-18.5"/></svg>

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

React

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

<Icon icon="whh:marker" width="24" />

Vue

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

<template>
  <Icon icon="whh:marker" width="24" />
</template>

Svelte

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

<Icon icon="whh:marker" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="whh:marker"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في WebHostingHub Glyphs

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

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

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

نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →