أيقونة Alarmclock
fxemoji:alarmclock
أيقونة Alarmclock (fxemoji:alarmclock) أيقونة SVG مجانية من مجموعة Firefox OS Emoji من تصميم Mozilla. مرسومة على شبكة 512 × 512. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Firefox OS Emoji
- المؤلف
- Mozilla
- الترخيص
- Apache-2.0
- الحجم
- 512 × 512
- الفئة
- الرموز
شيفرة 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>كيفية استخدام أيقونة 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>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:alarmclock"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/alarmclock.svg" alt="أيقونة Alarmclock" width="24" height="24">أيقونة Alarmclock في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Alarmclock
هل أيقونة Alarmclock مجانية للاستخدام التجاري؟
نعم. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Alarmclock في React؟
ثبّت @iconify/react واعرض <Icon icon="fxemoji:alarmclock" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Alarmclock إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fxemoji/alarmclock.svg" alt="أيقونة Alarmclock">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.