Ikon Clock

il:clock

Ikon Clock (il:clock) adalah ikon SVG gratis dari set Icalicons karya Icalia Labs. Ikon ini digambar pada grid 750 × 850. Icalicons 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: Icalicons
Pembuat: Icalia Labs
Lisensi: MIT
Ukuran: 750 × 850

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="750" height="850" viewBox="0 0 750 850"><path fill="currentColor" d="M465 424q10 10 10 24t-10 24.5t-25 10.5t-24-10l-70-70q-10-10-10-24V194q0-15 10-25t24.5-10t24.5 10t10 25v170zM371 8q76 0 144 29t118 79t79 118t29 145t-29 144t-79 118t-118 80t-144.5 29T227 721t-118-80t-80-118T0 379t29-145t80-118t118-79T371 8m0 649q57 0 108-22t89-60t59-88t21.5-108T627 270t-59-88t-89-59t-109-22t-107 22t-88 59t-60 88t-22 108.5T115 487t60 88t88 60t108 22"/></svg>

Cara memakai ikon Clock

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Clock di set ikon lain

FAQ Ikon Clock

Apakah ikon Clock gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Clock di React?

Pasang @iconify/react lalu render <Icon icon="il: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/il/clock.svg" alt="Ikon Clock">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Icalicons →