أيقونة Calendar

fxemoji:calendar

أيقونة Calendar (fxemoji:calendar) أيقونة 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

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M505.751 492.072c0 8.011-6.494 14.506-14.506 14.506H20.754c-8.011 0-14.506-6.494-14.506-14.506V76.329c0-8.011 6.494-14.506 14.506-14.506h470.492c8.011 0 14.506 6.494 14.506 14.506v415.743z"/><path fill="#0096D1" d="M505.751 260.413V74.777c0-7.154-6.494-12.954-14.506-12.954H20.754c-8.011 0-14.505 5.8-14.505 12.954v185.636z"/><path fill="#FFF" d="M131.004 107.585c0 12.637-10.244 22.881-22.881 22.881s-22.881-10.244-22.881-22.881s10.244-22.881 22.881-22.881s22.881 10.244 22.881 22.881m260.115-22.881c-12.637 0-22.881 10.244-22.881 22.881s10.244 22.881 22.881 22.881S414 120.222 414 107.585s-10.244-22.881-22.881-22.881"/><path fill="#BFBFBB" d="M172.451 61.823h-22.214c0-19.108-15.546-34.655-34.654-34.655S80.928 42.715 80.928 61.823s15.546 34.655 34.655 34.655c6.134 0 11.107 4.973 11.107 11.107s-4.973 11.107-11.107 11.107c-31.357 0-56.869-25.511-56.869-56.869S84.226 4.955 115.583 4.955s56.868 25.511 56.868 56.868M414.64 6.795a57 57 0 0 0-14.396-1.84c-31.357 0-56.868 25.511-56.868 56.869s25.511 56.869 56.868 56.869c6.135 0 11.107-4.973 11.107-11.107s-4.973-11.107-11.107-11.107c-19.108 0-34.653-15.546-34.653-34.655s15.545-34.655 34.653-34.655c2.982 0 5.938.377 8.785 1.121c15.231 3.976 25.869 17.766 25.869 33.534h22.215c-.001-25.873-17.467-48.501-42.473-55.029"/><path fill="#FFF" d="M68.534 208.183h-16.88l-2.911 12.39H34.608l17.379-57.624h16.547l17.379 57.624H71.445zm-2.411-9.896l-6.07-25.444l-6.069 25.444zm67.349 3.16c0 11.641-7.484 20.539-22.534 20.539s-22.452-8.398-22.452-20.539v-38.499h13.637v37.917c0 7.401 2.66 10.976 8.814 10.976c6.236 0 8.897-3.575 8.897-10.976v-37.917h13.637v38.499zm54.125-32.844l-7.069 7.401c-3.742-3.16-6.902-4.573-11.558-4.573c-8.065 0-14.052 5.987-14.052 20.289c0 15.134 3.991 20.289 11.974 20.289c2.827 0 5.405-.582 7.816-1.913V197.04h-7.484l-1.331-9.645h22.036v28.521c-5.905 3.825-13.388 6.07-20.954 6.07c-17.379 0-26.193-10.561-26.193-30.267c0-19.54 12.223-30.184 27.523-30.184c8.316 0 14.553 2.91 19.292 7.068"/><path fill="#505A60" d="M241.958 339.052c0 30.311-15.011 53.116-75.922 108.542h79.963l-4.619 34.93H114.363v-32.332c65.529-64.663 80.829-82.272 80.829-106.521c0-15.877-9.815-25.403-25.115-25.403c-14.145 0-23.96 6.351-35.218 20.207l-27.135-21.362c15.588-20.496 37.816-33.775 66.973-33.775c43.589 0 67.261 25.403 67.261 55.714m162.318 101.325h-21.939v42.147h-44.456l-.289-42.147H255.32v-30.311l55.426-127.594l38.682 14.434l-47.054 109.408h35.796l4.907-46.188h39.26v46.188h21.939z"/></svg>

كيفية استخدام أيقونة Calendar

React

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

<Icon icon="fxemoji:calendar" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:calendar" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:calendar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--calendar]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:calendar"></div>

مكوّن ويب

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

<iconify-icon icon="fxemoji:calendar"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/calendar.svg" alt="أيقونة Calendar" width="24" height="24">

أيقونة Calendar في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Calendar

هل أيقونة Calendar مجانية للاستخدام التجاري؟

نعم. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Calendar في React؟

ثبّت @iconify/react واعرض <Icon icon="fxemoji:calendar" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Calendar إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fxemoji/calendar.svg" alt="أيقونة Calendar">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Firefox OS Emoji →