أيقونة Calendar Off Two Tone

keyline-icons:calendar-off-two-tone

أيقونة Calendar Off Two Tone (keyline-icons:calendar-off-two-tone) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Keyline Icons
المؤلف: Keyline Icons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: calendaroff، offtwo، twotone، calendarofftwotone

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M20.8284 20.8284C20.1046 21.5523 19.1046 22 18 22H6C3.7909 22 2 20.2091 2 18V8C2 6.3778 2.9657 4.9811 4.3535 4.3535L20.8284 20.8284ZM9.9497 5.7071C9.6637 5.4211 9.5782 4.991 9.733 4.6173C9.8878 4.2436 10.2524 4 10.6569 4H18C20.2091 4 22 5.7909 22 8V15.3431C22 15.7476 21.7564 16.1122 21.3827 16.267C21.009 16.4218 20.5789 16.3363 20.2929 16.0503L9.9497 5.7071Z" stroke="none"/><path d="M20.1213 20.1213C19.5785 20.6642 18.8285 21 18 21H6C4.3431 21 3 19.6569 3 18V8C3 6.6462 3.8967 5.5019 5.1285 5.1285M7 11H11M2 2L22 22"/></g></svg>

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

React

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

<Icon icon="keyline-icons:calendar-off-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:calendar-off-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:calendar-off-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--calendar-off-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:calendar-off-two-tone"></div>

مكوّن ويب

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

<iconify-icon icon="keyline-icons:calendar-off-two-tone"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/calendar-off-two-tone.svg" alt="أيقونة Calendar Off Two Tone" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل Keyline Icons →