Ikon User Clock

stash:user-clock

Ikon User Clock (stash:user-clock) adalah ikon SVG gratis dari set Stash Icons karya Pingback LLC. Ikon ini digambar pada grid 24 × 24. Stash 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: Stash Icons
Pembuat: Pingback LLC
Lisensi: MIT
Ukuran: 24 × 24
Tag: userclock

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="M10 2.25C7.904 2.25 6.171 3.91 6.171 6S7.904 9.75 10 9.75S13.829 8.09 13.829 6S12.096 2.25 10 2.25M7.671 6c0-1.224 1.024-2.25 2.329-2.25S12.329 4.776 12.329 6S11.305 8.25 10 8.25S7.671 7.224 7.671 6m-.584 5.86c.064-.018.202-.011.384.106c.512.332 1.4.77 2.529.77s2.017-.438 2.53-.77c.18-.117.319-.124.383-.107q.215.06.428.128l.985.315a.75.75 0 0 0 .457-1.428l-.984-.316q-.243-.077-.488-.145c-.612-.168-1.193.033-1.596.294c-.37.24-.974.529-1.715.529c-.74 0-1.345-.29-1.715-.53c-.403-.26-.984-.461-1.596-.293q-.245.068-.488.145l-.984.316a3.77 3.77 0 0 0-2.429 2.342c-.075.22-.107.432-.125.604l-.389 3.673c-.16 1.177.493 2.388 1.781 2.687c1.199.278 3.127.57 5.945.57a.75.75 0 1 0 0-1.5c-2.714 0-4.528-.28-5.605-.53c-.427-.1-.708-.503-.634-1.03l.002-.013l.391-3.7c.014-.124.03-.208.052-.271a2.27 2.27 0 0 1 1.468-1.404l.985-.315q.213-.068.428-.128M18.25 15.75a.75.75 0 0 0-1.5 0v2.06l1.095 1.095a.75.75 0 1 0 1.06-1.06l-.655-.656z"/><path fill="currentColor" d="M17.5 13.25a4.25 4.25 0 1 0 0 8.5a4.25 4.25 0 0 0 0-8.5m-2.75 4.25a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0"/></svg>

Cara memakai ikon User Clock

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="stash:user-clock"></iconify-icon>

Gambar HTML

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

Ikon terkait di Stash Icons

Ikon User Clock di set ikon lain

FAQ Ikon User Clock

Apakah ikon User Clock gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon User Clock di React?

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

Bagaimana cara menambahkan ikon User Clock ke halaman web?

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

Lihat semua Stash Icons →