Ikon Alarm Clock Outline

glyphs:alarm-clock-outline

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

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="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M63.528 11.365a14.94 14.94 0 0 0-15.424 2.45c-1.184 1.013-1.476 2.474-1.13 3.723c.332 1.194 1.232 2.21 2.447 2.7l.234.096A25.72 25.72 0 0 1 63.573 34.25a3.27 3.27 0 0 0 2.227 1.93a3.05 3.05 0 0 0 2.998-.9a14.935 14.935 0 0 0-5.27-23.914m-9.9 3.695a10.934 10.934 0 0 1 13.1 16.434A29.72 29.72 0 0 0 51.04 16.578a11 11 0 0 1 2.589-1.518m-25.727-3.695A14.934 14.934 0 0 0 11.11 35.178c1.654 1.83 4.216.834 4.945-.927A25.72 25.72 0 0 1 30.428 20.15c1.234-.484 2.149-1.508 2.483-2.713c.35-1.262.047-2.74-1.165-3.749a15 15 0 0 0-3.844-2.323m-9.9 3.695a10.93 10.93 0 0 1 10.83 1.42q-.195.077-.39.158a29.72 29.72 0 0 0-15.39 14.535a10.936 10.936 0 0 1 4.95-16.112M47.716 33.77a2 2 0 0 1 .373 2.804L44.19 41.67a5 5 0 0 1 .599 2.95l9.923 5.645a2 2 0 0 1 .741 2.744l-.024.042a2 2 0 0 1-2.73.74l-1.574-.904a2 2 0 0 1-.367-.27l-7.946-4.52a5 5 0 1 1-1.798-8.859l3.898-5.095a2 2 0 0 1 .897-.661l-.063-.034l-.041-.022a2 2 0 0 1-.763-2.756l.912-1.57a2 2 0 0 1 2.7-.744l.044.025a2 2 0 0 1 .76 2.741l-.904 1.575a2 2 0 0 1-1.043.88q.16.082.305.193m-7.9 9.324a1 1 0 1 0 0 2a1 1 0 0 0 0-2" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M41.659 28.088a2 2 0 0 0-2.02-1.994h-.05a2 2 0 0 0-1.975 1.995l-.005 1.815a2 2 0 0 0 2.029 2.005h.047a2 2 0 0 0 1.979-2.005zm-8.151 1.165a2 2 0 0 0-2.734-.725l-.045.026a2 2 0 0 0-.725 2.722l.903 1.575a2 2 0 0 0 2.747.73l.04-.024a2 2 0 0 0 .725-2.734zm21.744 5.581a2 2 0 0 0-2.71-.706l-1.575.904a2 2 0 0 0-.717 2.768l.023.04a2 2 0 0 0 2.721.702l1.57-.912a2 2 0 0 0 .714-2.753zm-28.254-.552a2 2 0 0 0-2.722.725l-.026.044a2 2 0 0 0 .725 2.734l1.57.912a2 2 0 0 0 2.734-.725l.024-.04a2 2 0 0 0-.73-2.747zm.633 9.634a2 2 0 0 0-2.005-2.03l-1.815.005a2 2 0 0 0-1.995 1.975v.051a2 2 0 0 0 1.994 2.02l1.815.005a2 2 0 0 0 2.006-1.979zm26.374-2.028A2 2 0 0 0 52 43.917v.045a2 2 0 0 0 2.005 1.979l1.816-.005a2 2 0 0 0 1.994-2.02v-.049a2 2 0 0 0-1.995-1.975zm-24.857 8.095a2 2 0 0 0-2.756-.763l-1.57.912a2 2 0 0 0-.744 2.7l.024.044a2 2 0 0 0 2.742.76l1.574-.904a2 2 0 0 0 .752-2.708zm4.374 4.545a2 2 0 0 0-2.768.717l-.904 1.575a2 2 0 0 0 .706 2.71l.043.026a2 2 0 0 0 2.753-.713l.912-1.57a2 2 0 0 0-.703-2.721zm15.087.875a2 2 0 0 0-2.73-.74l-.039.023a2 2 0 0 0-.74 2.743l.911 1.57a2 2 0 0 0 2.72.732l.042-.024a2 2 0 0 0 .74-2.73zm-8.97.875a2 2 0 0 0-2.03 2.005l.006 1.815a2 2 0 0 0 1.974 1.995h.05a2 2 0 0 0 2.02-1.994l.004-1.815a2 2 0 0 0-1.979-2.006z"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M62.149 53.345a24.2 24.2 0 0 1-3.803 6.272l6.884 6.884a2 2 0 0 1-2.829 2.828l-6.869-6.869a24.17 24.17 0 0 1-31.434 0l-6.868 6.87a2 2 0 1 1-2.829-2.828l6.884-6.885a24.172 24.172 0 1 1 40.863-6.273m-7.98 4.924l.019-.019a20.17 20.17 0 0 0 4.265-21.876A20.173 20.173 0 1 0 25.44 58.247l.021.02l.037.038a20.17 20.17 0 0 0 28.635-.002l.017-.017z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M63.528 11.365a14.94 14.94 0 0 0-15.424 2.45c-1.184 1.013-1.476 2.474-1.13 3.723c.332 1.194 1.232 2.21 2.447 2.7l.234.096A25.72 25.72 0 0 1 63.573 34.25a3.27 3.27 0 0 0 2.227 1.93a3.05 3.05 0 0 0 2.998-.9a14.935 14.935 0 0 0-5.27-23.914m-9.9 3.695a10.934 10.934 0 0 1 13.1 16.434A29.72 29.72 0 0 0 51.04 16.578a11 11 0 0 1 2.589-1.518m-25.727-3.695A14.934 14.934 0 0 0 11.11 35.178c1.654 1.83 4.216.834 4.945-.927A25.72 25.72 0 0 1 30.428 20.15c1.234-.484 2.149-1.508 2.483-2.713c.35-1.262.047-2.74-1.165-3.749a15 15 0 0 0-3.844-2.323m-9.9 3.695a10.93 10.93 0 0 1 10.83 1.42q-.195.077-.39.158a29.72 29.72 0 0 0-15.39 14.535a10.936 10.936 0 0 1 4.95-16.112M47.716 33.77a2 2 0 0 1 .373 2.804L44.19 41.67a5 5 0 0 1 .599 2.95l9.923 5.645a2 2 0 0 1 .741 2.744l-.024.042a2 2 0 0 1-2.73.74l-1.574-.904a2 2 0 0 1-.367-.27l-7.946-4.52a5 5 0 1 1-1.798-8.859l3.898-5.095a2 2 0 0 1 .897-.661l-.063-.034l-.041-.022a2 2 0 0 1-.763-2.756l.912-1.57a2 2 0 0 1 2.7-.744l.044.025a2 2 0 0 1 .76 2.741l-.904 1.575a2 2 0 0 1-1.043.88q.16.082.305.193m-7.9 9.324a1 1 0 1 0 0 2a1 1 0 0 0 0-2" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.659 28.088a2 2 0 0 0-2.02-1.994h-.05a2 2 0 0 0-1.975 1.995l-.005 1.815a2 2 0 0 0 2.029 2.005h.047a2 2 0 0 0 1.979-2.005zm-8.151 1.165a2 2 0 0 0-2.734-.725l-.045.026a2 2 0 0 0-.725 2.722l.903 1.575a2 2 0 0 0 2.747.73l.04-.024a2 2 0 0 0 .725-2.734zm21.744 5.581a2 2 0 0 0-2.71-.706l-1.575.904a2 2 0 0 0-.717 2.768l.023.04a2 2 0 0 0 2.721.702l1.57-.912a2 2 0 0 0 .714-2.753zm-28.254-.552a2 2 0 0 0-2.722.725l-.026.044a2 2 0 0 0 .725 2.734l1.57.912a2 2 0 0 0 2.734-.725l.024-.04a2 2 0 0 0-.73-2.747zm.633 9.634a2 2 0 0 0-2.005-2.03l-1.815.005a2 2 0 0 0-1.995 1.975v.051a2 2 0 0 0 1.994 2.02l1.815.005a2 2 0 0 0 2.006-1.979zm26.374-2.028A2 2 0 0 0 52 43.917v.045a2 2 0 0 0 2.005 1.979l1.816-.005a2 2 0 0 0 1.994-2.02v-.049a2 2 0 0 0-1.995-1.975zm-24.857 8.095a2 2 0 0 0-2.756-.763l-1.57.912a2 2 0 0 0-.744 2.7l.024.044a2 2 0 0 0 2.742.76l1.574-.904a2 2 0 0 0 .752-2.708zm4.374 4.545a2 2 0 0 0-2.768.717l-.904 1.575a2 2 0 0 0 .706 2.71l.043.026a2 2 0 0 0 2.753-.713l.912-1.57a2 2 0 0 0-.703-2.721zm15.087.875a2 2 0 0 0-2.73-.74l-.039.023a2 2 0 0 0-.74 2.743l.911 1.57a2 2 0 0 0 2.72.732l.042-.024a2 2 0 0 0 .74-2.73zm-8.97.875a2 2 0 0 0-2.03 2.005l.006 1.815a2 2 0 0 0 1.974 1.995h.05a2 2 0 0 0 2.02-1.994l.004-1.815a2 2 0 0 0-1.979-2.006z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M62.149 53.345a24.2 24.2 0 0 1-3.803 6.272l6.884 6.884a2 2 0 0 1-2.829 2.828l-6.869-6.869a24.17 24.17 0 0 1-31.434 0l-6.868 6.87a2 2 0 1 1-2.829-2.828l6.884-6.885a24.172 24.172 0 1 1 40.863-6.273m-7.98 4.924l.019-.019a20.17 20.17 0 0 0 4.265-21.876A20.173 20.173 0 1 0 25.44 58.247l.021.02l.037.038a20.17 20.17 0 0 0 28.635-.002l.017-.017z" clip-rule="evenodd"/></g></svg>

Cara memakai ikon Alarm Clock Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di Glyphs

FAQ Ikon Alarm Clock Outline

Apakah ikon Alarm Clock Outline gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Alarm Clock Outline di React?

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

Bagaimana cara menambahkan ikon Alarm Clock Outline ke halaman web?

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

Lihat semua Ikon Glyphs →