أيقونة Calendar Alt

vs:calendar-alt

أيقونة Calendar Alt (vs:calendar-alt) أيقونة SVG مجانية من مجموعة Vesper Icons من تصميم TableCheck. مرسومة على شبكة 1664 × 1664. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Vesper Icons
المؤلف: TableCheck
الترخيص: OFL-1.1
الحجم: 1664 × 1664
الوسوم: calendaralt

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1664" viewBox="0 0 1664 1664"><path fill="currentColor" d="M561 561v224h224V561zm320 0v224h224V561zm320 0v224h224V561zm0 320v224h224V881zm-320 0v224h224V881zm0 320v224h224v-224zm-320 0v224h224v-224zm0-320v224h224V881zm-320 320v224h224v-224zm0-320v224h224V881zm271-634V41q0-16-9.5-28.5T480 0h-64q-13 0-22.5 12.5T384 41v206q0 17 9.5 28.5T416 288h64q14-1 23-12.5t9-28.5M128 1664h1408q52 0 89-36t39-88V252q0-51-38-87.5t-90-36.5h-192v96q0 63-21 95.5t-75 32.5h-64q-96-1-96-127v-97H576v97q0 126-96 127h-64q-54 0-75-32.5T320 224v-96H128q-52 0-90 36.5T0 252v1288q0 51 37.5 87t90.5 37m0-1216h1408v1088H128zm1152-201V41q0-16-9.5-28.5T1248 0h-64q-13 0-22.5 12.5T1152 41v206q0 17 9.5 28.5T1184 288h64q14-1 23-12.5t9-28.5"/></svg>

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

React

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

<Icon icon="vs:calendar-alt" width="24" />

Vue

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

<template>
  <Icon icon="vs:calendar-alt" width="24" />
</template>

Svelte

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

<Icon icon="vs:calendar-alt" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vs:calendar-alt"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في Vesper Icons

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

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

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

نعم. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Vesper Icons →