ICONYZ
Bahasa Indonesia
Ikon Clock dari Lucide

Ikon Clock

lucide:clock

Ikon Clock (lucide:clock) adalah ikon SVG gratis dari set Lucide karya Lucide Contributors. Ikon ini digambar pada grid 24 × 24. Lucide icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Lucide
Pembuat
Lucide Contributors
Lisensi
ISC
Ukuran
24 × 24
Tag
time, watch, alarm
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></g></svg>

Cara memakai ikon Clock

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di Lucide

Ikon clock-1
clock-1
 Ikon clock-10
clock-10
 Ikon clock-11
clock-11
 Ikon clock-12
clock-12
 Ikon clock-2
clock-2
 Ikon clock-3
clock-3
 Ikon clock-4
clock-4
 Ikon clock-5
clock-5
 Ikon clock-6
clock-6
 Ikon clock-7
clock-7
 Ikon clock-8
clock-8
 Ikon clock-9
clock-9
 Ikon clock-alert
clock-alert
 Ikon clock-arrow-down
clock-arrow-down
 Ikon clock-arrow-left
clock-arrow-left
 Ikon clock-arrow-right
clock-arrow-right
 Ikon clock-arrow-up
clock-arrow-up
 Ikon clock-check
clock-check
 Ikon clock-fading
clock-fading
 Ikon clock-plus
clock-plus

Ikon Clock di set ikon lain

Ikon Clock dari Material Design Icons
Material Design Icons
 Ikon Clock dari Tabler Icons
Tabler Icons
 Ikon Clock dari Font Awesome 6 Solid
Font Awesome 6 Solid
 Ikon Clock dari Phosphor
Phosphor
 Ikon Clock dari Bootstrap Icons
Bootstrap Icons
 Ikon Clock dari HeroIcons
HeroIcons
 Ikon Clock dari @icons
@icons
 Ikon Clock dari Akar Icons
Akar Icons
 Ikon Clock dari Arcticons
Arcticons
 Ikon Clock dari Boxicons
Boxicons
 Ikon Clock dari Bytesize Icons
Bytesize Icons
 Ikon Clock dari Charm Icons
Charm Icons

FAQ Ikon Clock

Apakah ikon Clock gratis untuk penggunaan komersial?

Ya. Lucide icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Clock di React?

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

Bagaimana cara menambahkan ikon Clock ke halaman web?

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

Lihat semua Ikon Lucide →