Alarm Clock ikonu

fluent-mdl2:alarm-clock

Alarm Clock ikonu (fluent-mdl2:alarm-clock), 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: alarmclock

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1408 1152v128H896V640h128v512zm240-1024q83 0 156 31t127 86t85 127t32 156q0 50-12 97t-35 91t-56 80t-74 64q25 71 37 144t12 148q0 162-56 313t-163 274l200 200l-90 90l-200-200q-122 106-273 162t-314 57q-162 0-313-56t-274-163l-200 200l-90-90l200-200q-106-122-162-273t-57-314q0-75 12-148t37-144q-41-27-74-64t-56-80t-35-90t-12-98q0-83 31-156t86-127t127-85t156-32q49 0 97 12t91 35t80 56t64 74q71-25 144-37t148-12t148 12t144 37q27-41 64-74t80-56t90-35t98-12M400 256q-56 0-105 21t-87 59t-58 86t-22 106q0 62 26 117t75 94q64-124 161-221t221-161q-38-48-93-74t-118-27m624 1664q159 0 298-60t244-165t165-244t61-299q0-159-60-298t-165-244t-244-165t-299-61q-159 0-298 60T482 609T317 853t-61 299q0 159 60 298t165 244t244 165t299 61m795-1181q48-38 74-93t27-118q0-56-21-105t-59-87t-86-58t-106-22q-62 0-117 26t-94 75q124 64 221 161t161 221"/></svg>

Alarm Clock ikonu nasıl kullanılır

React

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

<Icon icon="fluent-mdl2:alarm-clock" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:alarm-clock" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:alarm-clock" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:alarm-clock"></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:alarm-clock"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/alarm-clock.svg" alt="Alarm Clock ikonu" width="24" height="24">

Diğer ikon setlerinde Alarm Clock ikonu

Alarm Clock ikonu: sık sorulan sorular

Alarm Clock 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.

Alarm Clock ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="fluent-mdl2:alarm-clock" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Alarm Clock 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/alarm-clock.svg" alt="Alarm Clock ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Fluent UI MDL2 ikonları →