Date Time 12 ikonu
fluent-mdl2:date-time-12
Date Time 12 ikonu (fluent-mdl2:date-time-12), Fluent UI MDL2 setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 2048 × 2048 ızgara üzerinde çizilmiştir. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Fluent UI MDL2
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 2048 × 2048
- Etiketler
- datetime
SVG kodu
<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 ikonu nasıl kullanılır
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>Web bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/date-time-12.svg" alt="Date Time 12 ikonu" width="24" height="24">Fluent UI MDL2 setindeki benzer ikonlar
Date Time 12 ikonu: sık sorulan sorular
Date Time 12 ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Date Time 12 ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-mdl2:date-time-12" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Date Time 12 ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/date-time-12.svg" alt="Date Time 12 ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.