ICONYZ
Bahasa Indonesia
Ikon Clock 24 dari Tabler Icons

Ikon Clock 24

tabler:clock-24

Ikon Clock 24 (tabler:clock-24) adalah ikon SVG gratis dari set Tabler Icons karya Paweł Kuna. Ikon ini digambar pada grid 24 × 24. Tabler Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Tabler Icons
Pembuat
Paweł Kuna
Lisensi
MIT
Ukuran
24 × 24
Tag
time, hour, watch, timepiece, twenty four hour, 24 hour, military, clock face, round clock, day night, system
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12a9 9 0 0 0 5.998 8.485M21 12a9 9 0 1 0-18 0m9-5v5m0 3h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2m3-6v2a1 1 0 0 0 1 1h1m1-3v6"/></svg>

Cara memakai ikon Clock 24

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="tabler:clock-24"></iconify-icon>

Gambar HTML

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

Ikon terkait di Tabler Icons

Ikon clock
clock
 Ikon clock-12
clock-12
 Ikon clock-2
clock-2
 Ikon clock-bitcoin
clock-bitcoin
 Ikon clock-bolt
clock-bolt
 Ikon clock-cancel
clock-cancel
 Ikon clock-check
clock-check
 Ikon clock-code
clock-code
 Ikon clock-cog
clock-cog
 Ikon clock-dollar
clock-dollar
 Ikon clock-down
clock-down
 Ikon clock-edit
clock-edit
 Ikon clock-exclamation
clock-exclamation
 Ikon clock-filled
clock-filled
 Ikon clock-heart
clock-heart
 Ikon clock-hour-1
clock-hour-1
 Ikon clock-hour-1-filled
clock-hour-1-filled
 Ikon clock-hour-10
clock-hour-10
 Ikon clock-hour-10-filled
clock-hour-10-filled
 Ikon clock-hour-11
clock-hour-11
 Ikon clock-hour-11-filled
clock-hour-11-filled
 Ikon clock-hour-12
clock-hour-12
 Ikon clock-hour-12-filled
clock-hour-12-filled
 Ikon clock-hour-2
clock-hour-2

Ikon Clock 24 di set ikon lain

Ikon Clock 24 dari Fluent UI System Color Icons
Fluent UI System Color Icons
 Ikon Clock 24 dari IconOven
IconOven
 Ikon Clock 24 dari Octicons
Octicons

FAQ Ikon Clock 24

Apakah ikon Clock 24 gratis untuk penggunaan komersial?

Ya. Tabler Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Clock 24 di React?

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

Bagaimana cara menambahkan ikon Clock 24 ke halaman web?

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

Lihat semua Tabler Icons →