Ikon Clock Digital

mdi:clock-digital

Ikon Clock Digital (mdi:clock-digital) adalah ikon SVG gratis dari set Material Design Icons karya Pictogrammers. Ikon ini digambar pada grid 24 × 24. Material Design Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Material Design Icons
Pembuat: Pictogrammers
Lisensi: Apache-2.0
Ukuran: 24 × 24
Kategori: Otomasi rumah, Tanggal dan waktu
Tag: date, time, home automation, clockdigital

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2M2 8h20v8H2m1-7v1.5h3.25L3 15h1.75L8 10.5V9m1.25 0v1.5h1.5V9M12 9v1.5h1.5V15H15V9m2 0a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1m-2.5 1.5h2v3h-2m-8.25 0V15h1.5v-1.5"/></svg>

Cara memakai ikon Clock Digital

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di Material Design Icons

Ikon Clock Digital di set ikon lain

FAQ Ikon Clock Digital

Apakah ikon Clock Digital gratis untuk penggunaan komersial?

Ya. Material Design Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Clock Digital di React?

Pasang @iconify/react lalu render <Icon icon="mdi:clock-digital" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Clock Digital ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mdi/clock-digital.svg" alt="Ikon Clock Digital">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Material Design Icons →