ICONYZ
العربية
أيقونة Date Time 2 من Fluent UI MDL2

أيقونة Date Time 2

fluent-mdl2:date-time-2

أيقونة Date Time 2 (fluent-mdl2:date-time-2) أيقونة 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
الوسوم
datetime
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1792 993q60 41 107 93t81 114t50 131t18 141q0 119-45 224t-124 183t-183 123t-224 46q-91 0-176-27t-156-78t-126-122t-85-157H128V128h256V0h128v128h896V0h128v128h256zM256 256v256h1408V256h-128v128h-128V256H512v128H384V256zm643 1280q-3-31-3-64q0-119 45-224t124-183t183-123t224-46q100 0 192 33V640H256v896zm573 384q93 0 174-35t142-96t96-142t36-175q0-93-35-174t-96-142t-142-96t-175-36q-93 0-174 35t-142 96t-96 142t-36 175q0 93 35 174t96 142t142 96t175 36m64-512h192v128h-320v-384h128z"/></svg>

كيفية استخدام أيقونة Date Time 2

React

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

<Icon icon="fluent-mdl2:date-time-2" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:date-time-2" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:date-time-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--date-time-2]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="fluent-mdl2:date-time-2"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/date-time-2.svg" alt="أيقونة Date Time 2" width="24" height="24">

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

أيقونة date-time
date-time
 أيقونة date-time-12
date-time-12
 أيقونة date-time-mirrored
date-time-mirrored

الأسئلة الشائعة حول أيقونة Date Time 2

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

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

كيف أستخدم أيقونة Date Time 2 في React؟

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

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

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

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