Alarm Clock ikonu

glyphs-poly:alarm-clock

Alarm Clock ikonu (glyphs-poly:alarm-clock), Glyphs Poly setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Glyphs Poly
Yazar: Goran Spasojevic
Lisans: MIT
Boyut: 80 × 80
Etiketler: alarmclock

SVG indir

SVG kodu

<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>

Alarm Clock ikonu nasıl kullanılır

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 bileşeni

<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>

HTML görseli

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

Glyphs Poly setindeki benzer ikonlar

Diğer ikon setlerinde Alarm Clock ikonu

Alarm Clock ikonu: sık sorulan sorular

Alarm Clock ikonu ticari kullanım için ücretsiz mi?

Evet. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Alarm Clock ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="glyphs-poly:alarm-clock" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Alarm Clock ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/glyphs-poly/alarm-clock.svg" alt="Alarm Clock ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Glyphs Poly ikonları →