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

أيقونة Date Time 12

fluent-mdl2:date-time-12

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1707 911q78 37 141 93t108 127t68 152t24 168q0 123-47 232t-128 190t-190 128t-232 47q-87 0-168-24t-151-68t-127-107t-94-142H0V171h341V0h171v171h683V0h170v171h342zM171 512h1365V341H171zm688 1024q-6-42-6-85q0-124 47-233t128-190t190-128t233-47q43 0 85 6V683H171v853zm592 341q88 0 165-33t136-92t91-135t34-166q0-88-33-166t-91-136t-136-91t-166-34q-89 0-166 33t-136 92t-91 136t-34 166q0 89 33 166t92 135t136 91t166 34m85-512h171v171h-342v-341h171z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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

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