Ikon Alarm Clock

glyphs-poly:alarm-clock

Ikon Alarm Clock (glyphs-poly:alarm-clock) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly 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: Glyphs Poly
Pembuat: Goran Spasojevic
Lisensi: MIT
Ukuran: 80 × 80
Tag: alarmclock

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#4f4f4f" fill-rule="evenodd" d="M62.76 13.213a12.93 12.93 0 0 0-13.36 2.121c-1.062.91-.533 2.526.764 3.049l.252.103a27.72 27.72 0 0 1 15 15c.327.79 1.328 1.067 1.907.439a12.93 12.93 0 0 0 2.436-13.712a12.93 12.93 0 0 0-7-7m-32.297 2.012c1.087.906.55 2.546-.768 3.063q-.247.096-.49.198a27.72 27.72 0 0 0-15 15c-.277.667-1.13.887-1.615.351a12.93 12.93 0 0 1-2.355-13.624a12.934 12.934 0 0 1 20.228-4.988" clip-rule="evenodd"/><path fill="#4f4f4f" d="M62.398 69.33a2 2 0 0 0 2.829-2.829zm-5.404-11.061a2 2 0 1 0-2.828 2.828zm-42.596 8.233a2 2 0 1 0 2.829 2.828zm11.061-5.405a2 2 0 0 0-2.828-2.828zm39.768 5.404l-8.233-8.232l-2.828 2.828l8.232 8.232zm-48 2.83l8.232-8.234l-2.828-2.828l-8.233 8.233z"/><path fill="#f2f2f2" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M31.327 23.609a22.172 22.172 0 1 1 16.97 40.969a22.172 22.172 0 0 1-16.97-40.969"/><path fill="#4f4f4f" d="m25.777 35.917l-1.728-1.007a2 2 0 0 0 .728 2.738zm.002-.004l1-1.733a2 2 0 0 0-2.728.726zm1.733 1l1.727 1.008a2 2 0 0 0-.728-2.741zm-.003.004l-1 1.732a2 2 0 0 0 2.727-.724zm-3.94 6.998l-2-.022a2 2 0 0 0 2 2.022zm0-.004v-2a2 2 0 0 0-2 1.977zm2 0l2 .025a2 2 0 0 0-2-2.026zm0 .005v2a2 2 0 0 0 2-1.975zm.055 8.087l-1.747.974a2 2 0 0 0 2.746.758zm-.002-.004l-1-1.732a2 2 0 0 0-.747 2.706zm1.732-1l1.75-.97a2 2 0 0 0-2.75-.762zm.002.004l1 1.733a2 2 0 0 0 .75-2.702zm4.123 7.035l-1.025 1.717a2 2 0 0 0 2.757-.717zm-.003-.002l-1.733-1a2 2 0 0 0 .707 2.716zm1-1.733l1.03-1.714a2 2 0 0 0-2.763.714zm.004.003l1.732 1a2 2 0 0 0-.703-2.715zm7.154 4.031l-.021 2a2 2 0 0 0 2.02-2zm-.005 0h-2a2 2 0 0 0 1.98 2zm0-2l.026-2a2 2 0 0 0-2.026 2zm.005 0h2a2 2 0 0 0-1.974-2zm8.245-.143l.993 1.736a2 2 0 0 0 .74-2.736zm-.003.002l-1.732 1a2 2 0 0 0 2.724.736zm-1.001-1.732l-.992-1.736a2 2 0 0 0-.74 2.736zm.005-.003l1.732-1a2 2 0 0 0-2.724-.736zm7.034-4.304l1.737.992a2 2 0 0 0-.736-2.724zm-.002.003l-1 1.733a2 2 0 0 0 2.737-.74zm-1.732-1l-1.736-.991a2 2 0 0 0 .736 2.724zm.003-.004l1-1.732a2 2 0 0 0-2.737.74zm3.873-7.245l2-.021a2 2 0 0 0-2-1.98zm0 .004v2a2 2 0 0 0 2-2.021zm-2 0l-2 .026a2 2 0 0 0 2 1.975zm0-.005v-2a2 2 0 0 0-2 2.026zm-.302-8.153l1.717-1.026a2 2 0 0 0-2.717-.706zm.002.004l1 1.731a2 2 0 0 0 .717-2.757zm-1.732 1l-1.714 1.03a2 2 0 0 0 2.715.702zm-.003-.004l-1-1.733a2 2 0 0 0-.714 2.763zm-4.303-6.854l.973-1.747a2 2 0 0 0-2.705.747zm.003.002l1.733 1a2 2 0 0 0-.758-2.746zm-1 1.733l-.969 1.75a2 2 0 0 0 2.702-.75zm-.004-.003l-1.732-1a2 2 0 0 0 .763 2.75zm-7.088-3.784l-.022-2a2 2 0 0 0-1.978 2zm.005 0h2a2 2 0 0 0-2.022-2zm-.005 2h-2a2 2 0 0 0 2.026 2zm.006 0l.025 2a2 2 0 0 0 1.975-2zm-8 .207l1.732-1a2 2 0 0 0-2.738-.728zm1 1.732l1.009 1.728a2 2 0 0 0 .724-2.728zm-1.004-1.73l-1.007-1.727a2 2 0 0 0-.725 2.727zm1 1.733l-1.732 1a2 2 0 0 0 2.74.727zm-5.126 5.13l.002-.003l-3.456-2.014l-.002.004zm-2.725.722l1.732 1l2-3.465l-1.733-1zm1.004-1.741q0 .003-.003.005l3.455 2.016l.003-.004zm2.725-.719l-1.732-1l-2 3.463l1.731 1zm-2.94 8.752v-.004l-4-.045v.005zm-1.999 1.974h2v-4h-2zm0-2.027v.007l4 .05v-.005zm2-1.968h-2v4h2zm1.8 9.113l-.001-.004l-3.494 1.948v.001l.002.003zm-.748 2.702l1.732-1l-2-3.464l-1.733 1zm-1.018-1.763l.002.003l.001.002l3.499-1.94l-.003-.004zm.753-2.697l-1.733 1l2 3.464l1.732-1zm6.148 7.05h-.001v-.001h-.002v-.001l-2.052 3.433v.001h.002v.001h.001zm.703 2.714l1-1.732l-3.465-2l-1 1.733zm-1.763-1.018l.005.003l2.06-3.429l-.005-.002zm-.697-2.712l-1 1.732l3.463 2.001l1-1.732zm8.907 3.032h-.003l-.043 4h.004zm1.974 2v-2h-4v2zm-2.026 0h.006l.051-4h-.005zm-1.969-2v2h4v-2zm9.253-1.88l-.002.001l-.002.002l1.985 3.472h.001l.003-.002zm2.72.738l-1-1.731l-3.464 2l1 1.732zm-1.74 1.006l.002-.001l.003-.002l-1.984-3.473h-.002l-.003.002zm-2.72-.74l1 1.732l3.465-1.999l-1-1.732zm7.031-6.297v.002l-.002.002l3.473 1.985v-.001l.002-.003zm2.734-.736l-1.732-1l-2 3.465l1.733 1zm-.995 1.725v-.002l.002-.003l-3.473-1.984l-.001.002l-.002.003zm-2.735.735l1.732 1l2.001-3.463l-1.732-1zm2.874-8.956v.005l4-.043v-.005zm2-2.017h-2.001l.001 4h2zm0 1.975v-.005l-4 .051v.005zm-2.001 2.02h2l.001-4h-2zm-2.018-9.127l.002.002v.001l3.434-2.05l-.002-.004zm.719-2.754l-1.732 1l2 3.464l1.733-1zm.983 1.703l-.003-.005l-3.429 2.06l.003.004zm-.718 2.757l1.733-1l-2-3.464l-1.732 1zm-6.277-6.839l.003.002l1.949-3.493l-.003-.002h-.002zm-.755-2.744l-1 1.732l3.465 2l1-1.733zm1.702.983l-.005-.003l-1.938 3.499l.004.002zm.758 2.747l1-1.732l-3.463-2.001l-1 1.732zm-8.797-2.785h.004l-.044-4h-.005zm1.977 0v-2h-4v2zm-2.02-2h-.006l.052 4h.005zm-1.975 0v2h4v-2zm-7.73 3.208l1 1.732l3.464-2.001l-1-1.732zm2.735.73l.003-.003l-2.013-3.456l-.005.003zm1.724-.996l-1-1.732l-3.464 2l1 1.731zm-2.735-.73l-.005.003l2.016 3.454l.005-.002z"/><path fill="#eb5757" d="M48.086 36.574a2 2 0 0 0-3.177-2.43zm-8.037 3.923a2 2 0 1 0 3.176 2.43zM52.73 53.742a2 2 0 0 0 1.978-3.477zm-9.32-9.904a2 2 0 1 0-1.978 3.477zm-4.598.256a1 1 0 0 1 1-1v-4a5 5 0 0 0-5 5zm1 1a1 1 0 0 1-1-1h-4a5 5 0 0 0 5 5zm1-1a1 1 0 0 1-1 1v4a5 5 0 0 0 5-5zm-1-1a1 1 0 0 1 1 1h4a5 5 0 0 0-5-5zm5.096-8.95l-4.86 6.353l3.176 2.43l4.861-6.353zm9.8 16.121L43.41 43.838l-1.978 3.477l11.298 6.427z"/></g></svg>

Cara memakai ikon Alarm Clock

React

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

<Icon icon="glyphs-poly:alarm-clock" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:alarm-clock" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:alarm-clock" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="glyphs-poly:alarm-clock"></iconify-icon>

Gambar HTML

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

Ikon terkait di Glyphs Poly

Ikon Alarm Clock di set ikon lain

FAQ Ikon Alarm Clock

Apakah ikon Alarm Clock gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Alarm Clock di React?

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

Bagaimana cara menambahkan ikon Alarm Clock ke halaman web?

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

Lihat semua Ikon Glyphs Poly →