أيقونة Map Directions

fluent-mdl2:map-directions

أيقونة Map Directions (fluent-mdl2:map-directions) أيقونة 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
الوسوم: mapdirections، direction

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m1024 0l1024 1024l-1024 1024L0 1024zM768 1611l256 256l843-843l-843-843l-843 843l459 459V896h549L979 685l90-90l365 365l-365 365l-90-90l210-211H768z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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