أيقونة Map Pin 12

fluent-mdl2:map-pin-12

أيقونة Map Pin 12 (fluent-mdl2:map-pin-12) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Fluent UI MDL2
المؤلف: Microsoft Corporation
الترخيص: MIT
الحجم: 2048 × 2048
الوسوم: mappin

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m1536 1024l341 1024H0l341-1024h512V650q-57-14-104-45t-80-76t-53-97t-19-112q0-71 27-133t73-108T806 6t133-27t132 27t109 73t73 108t27 133q0 58-19 111t-52 98t-81 75t-104 46v374zM768 320q0 35 13 66t37 55t54 36t67 14q35 0 66-13t54-37t36-54t14-67q0-35-13-66t-37-54t-54-37t-66-14q-35 0-66 13t-55 37t-36 55t-14 66m-304 875l-227 682h1403l-227-682h-389v256q0 35-25 60t-60 25q-18 0-33-6t-27-18t-19-27t-7-34v-256z"/></svg>

كيفية استخدام أيقونة Map Pin 12

React

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

<Icon icon="fluent-mdl2:map-pin-12" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:map-pin-12" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:map-pin-12" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--map-pin-12]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:map-pin-12"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-mdl2:map-pin-12"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/map-pin-12.svg" alt="أيقونة Map Pin 12" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Map Pin 12

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

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

كيف أستخدم أيقونة Map Pin 12 في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/map-pin-12.svg" alt="أيقونة Map Pin 12">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Fluent UI MDL2 →