ICONYZ
Türkçe
Material Design Icons setinden Clock ikonu

Clock ikonu

mdi:clock

Clock ikonu (mdi:clock), Material Design Icons setinden ücretsiz bir SVG ikondur (yapımcı: Pictogrammers). 24 × 24 ızgara üzerinde çizilmiştir. Material Design Icons, Apache 2.0 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
Material Design Icons
Yazar
Pictogrammers
Lisans
Apache-2.0
Boyut
24 × 24
Kategori
Tarih ve saat
Etiketler
watch later, date, time
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m4.2 14.2L11 13V7h1.5v5.2l4.5 2.7z"/></svg>

Clock ikonu nasıl kullanılır

React

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

<Icon icon="mdi:clock" width="24" />

Vue

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

<template>
  <Icon icon="mdi:clock" width="24" />
</template>

Svelte

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

<Icon icon="mdi:clock" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:clock"></div>

Web bileşeni

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

<iconify-icon icon="mdi:clock"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/mdi/clock.svg" alt="Clock ikonu" width="24" height="24">

Material Design Icons setindeki benzer ikonlar

clock-alert ikonu
clock-alert
 clock-alert-outline ikonu
clock-alert-outline
 clock-check ikonu
clock-check
 clock-check-outline ikonu
clock-check-outline
 clock-digital ikonu
clock-digital
 clock-edit ikonu
clock-edit
 clock-edit-outline ikonu
clock-edit-outline
 clock-end ikonu
clock-end
 clock-fast ikonu
clock-fast
 clock-in ikonu
clock-in
 clock-minus ikonu
clock-minus
 clock-minus-outline ikonu
clock-minus-outline
 clock-out ikonu
clock-out
 clock-outline ikonu
clock-outline
 clock-plus ikonu
clock-plus
 clock-plus-outline ikonu
clock-plus-outline
 clock-remove ikonu
clock-remove
 clock-remove-outline ikonu
clock-remove-outline
 clock-star-four-points ikonu
clock-star-four-points
 clock-star-four-points-outline ikonu
clock-star-four-points-outline
 clock-start ikonu
clock-start
 clock-time-eight ikonu
clock-time-eight
 clock-time-eight-outline ikonu
clock-time-eight-outline
 clock-time-eleven ikonu
clock-time-eleven

Diğer ikon setlerinde Clock ikonu

Lucide setinden Clock ikonu
Lucide
 Tabler Icons setinden Clock ikonu
Tabler Icons
 Font Awesome 6 Solid setinden Clock ikonu
Font Awesome 6 Solid
 Phosphor setinden Clock ikonu
Phosphor
 Bootstrap Icons setinden Clock ikonu
Bootstrap Icons
 HeroIcons setinden Clock ikonu
HeroIcons
 @icons setinden Clock ikonu
@icons
 Akar Icons setinden Clock ikonu
Akar Icons
 Arcticons setinden Clock ikonu
Arcticons
 Boxicons setinden Clock ikonu
Boxicons
 Bytesize Icons setinden Clock ikonu
Bytesize Icons
 Charm Icons setinden Clock ikonu
Charm Icons

Clock ikonu: sık sorulan sorular

Clock ikonu ticari kullanım için ücretsiz mi?

Evet. Material Design Icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

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/mdi/clock.svg" alt="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: Material Design Icons →