Ikon Alarmclock
fxemoji:alarmclock
Ikon Alarmclock (fxemoji:alarmclock) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Simbol
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#6B8DA1" d="M275.816 58.999v123.14c0 10.899-8.917 19.816-19.816 19.816s-19.816-8.917-19.816-19.816V58.999c0-10.899 8.917-19.816 19.816-19.816s19.816 8.917 19.816 19.816m91.749 103.044c7.738 7.738 20.284 7.739 28.022.001l50.586-50.586c7.738-7.738 7.738-20.285 0-28.023s-20.285-7.738-28.023 0l-50.586 50.586c-7.737 7.738-7.736 20.285.001 28.022m-223.123.001c7.738-7.738 7.739-20.284.001-28.022L93.857 83.436c-7.738-7.738-20.285-7.738-28.023 0s-7.738 20.285 0 28.023l50.586 50.586c7.738 7.737 20.284 7.737 28.022-.001m258.984 320.575c7.706-7.706 7.706-20.317 0-28.023l-87.073-87.073c-7.706-7.706-20.317-7.706-28.023 0s-7.706 20.317 0 28.023l87.073 87.073c7.706 7.706 20.317 7.706 28.023 0m-266.829 0l87.073-87.073c7.706-7.706 7.706-20.317 0-28.023s-20.317-7.706-28.023 0l-87.073 87.073c-7.706 7.706-7.706 20.317 0 28.023s20.317 7.706 28.023 0"/><path fill="#FFB636" d="M354.319 45.692c36.12-30.974 90.561-29.384 124.768 4.823c34.242 34.242 35.8 88.76 4.727 124.879a8.76 8.76 0 0 1-9.46.405L353.826 55.271a8.76 8.76 0 0 1 .493-9.579M37.669 175.783L158.197 55.255a8.76 8.76 0 0 0-.405-9.46c-36.12-31.073-90.637-29.515-124.879 4.727C-1.293 84.729-2.883 139.17 28.091 175.29a8.75 8.75 0 0 0 9.578.493"/><path fill="#FFD469" d="M477.511 108.534c-4.411 0-8.386-3.056-9.377-7.541c-2.136-9.668-6.91-18.579-13.807-25.772c-6.88-7.176-15.559-12.318-25.098-14.871c-5.128-1.372-8.173-6.643-6.801-11.771c1.373-5.128 6.643-8.173 11.771-6.801c12.934 3.461 24.693 10.425 34.005 20.137c9.338 9.739 15.805 21.818 18.702 34.931c1.145 5.184-2.129 10.314-7.313 11.46a9.7 9.7 0 0 1-2.082.228M42.749 100.38c2.553-9.539 7.695-18.218 14.871-25.098c7.193-6.897 16.105-11.671 25.772-13.807c5.184-1.145 8.458-6.276 7.313-11.46s-6.276-8.458-11.46-7.313c-13.112 2.897-25.191 9.364-34.931 18.702c-9.713 9.313-16.676 21.071-20.137 34.005a9.613 9.613 0 0 0 9.292 12.1c4.245.001 8.13-2.833 9.28-7.129"/><path fill="#FB5046" d="M256 64.394c-117.011 0-211.863 94.852-211.863 211.863S138.989 488.129 256 488.129s211.863-94.861 211.863-211.872S373.011 64.394 256 64.394"/><path fill="#F9F9F8" d="M83.765 276.261c0 94.973 77.267 172.239 172.239 172.239s172.23-77.267 172.23-172.239s-77.258-172.239-172.23-172.239S83.765 181.289 83.765 276.261"/><path fill="#6B8DA1" d="M256 289.451h123.172c6.11 0 11.071-4.96 11.071-11.079c0-6.11-4.961-11.07-11.071-11.07H256c-6.119 0-11.08 4.961-11.08 11.07c0 6.118 4.961 11.079 11.08 11.079"/><path fill="#6B8DA1" d="M256 289.451c6.119 0 11.08-4.96 11.08-11.079V157.844c0-6.119-4.961-11.08-11.08-11.08s-11.08 4.961-11.08 11.08v120.527c0 6.119 4.961 11.08 11.08 11.08"/></svg>Cara memakai ikon Alarmclock
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:alarmclock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:alarmclock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:alarmclock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--alarmclock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:alarmclock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:alarmclock"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/alarmclock.svg" alt="Ikon Alarmclock" width="24" height="24">Ikon Alarmclock di set ikon lain
FAQ Ikon Alarmclock
Apakah ikon Alarmclock gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Alarmclock di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:alarmclock" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Alarmclock ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/alarmclock.svg" alt="Ikon Alarmclock">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.