solid
solid
MIT
1 वेक्टर नोड
1. रंग
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
2. कैनवास बैकग्राउंड और रूपांतरण
3. लाइव वेक्टर एनिमेशन प्रीसेट
SVG एक्सपोर्ट में शामिल
कैलेंडर - वेक्टर और 3D आइकॉन
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। कैलेंडर - व्यावसायिक और निजी उपयोग के लिए मुफ़्त. साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
वेक्टर और हाई रिज़ॉल्यूशन डाउनलोड तुरंत
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
heroicons-24px-solid-calendar.svg (690 B)
डेवलपर और UI फ्रेमवर्क के लिए तेज़ कॉपी
लाइव कोड आउटपुट
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="Calendar icon"><title>Calendar - Heroicons icon</title><desc>Free Calendar vector icon from the Heroicons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path fill-rule="evenodd" d="M6.75 2.25A.75.75 0 0 1 7.5 3v1.5h9V3A.75.75 0 0 1 18 3v1.5h.75a3 3 0 0 1 3 3v11.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H6V3a.75.75 0 0 1 .75-.75Zm13.5 9a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5Z" clip-rule="evenodd"/> </svg>
AI प्रॉम्प्ट और वेक्टर सुधार
इस आइकॉन को सुधारना या नया रूप देना है? कैलेंडर
सटीक इंजीनियरिंग प्रॉम्प्ट बनाएँ, या कैनवास पर अभी आइकॉन सुधारें। कैलेंडर
प्रॉम्प्ट निर्माण 100% ब्राउज़र में
स्रोत और लाइसेंस जाँच
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
कीवर्ड
#heroicons
#24px
#solid
#calendar
#interface
#hero
#कैलेंडर svg
#कैलेंडर icon
#कैलेंडर heroicons
#कैलेंडर react tsx
#कैलेंडर vue
#कैलेंडर png
आपकी भाषा में लोकप्रिय
मुफ्त SVG आइकन डाउनलोड
फ्री वेक्टर आइकन
SVG से PNG कन्वर्टर ऑनलाइन
मुफ्त ब्राउज़र SVG एडिटर
3D वेक्टर आइकन
SVG फ़ाइल ऑप्टिमाइज़र
React SVG कंपोनेंट
CSS SVG एनिमेशन
कमर्शियल उपयोग के लिए फ्री आइकन
svg आइकॉन लाइब्रेरी
कैलेंडर - वेक्टर की तकनीकी जानकारी
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। कैलेंडर
| मानक फ़ाइल पहचान | heroicons/heroicons-24px-solid-calendar |
|---|---|
| स्रोत लाइब्रेरी पैक | Heroicons |
| निर्देशांक ग्रिड और viewBox | viewBox="0 0 24 24" |
| बिना संपीड़न आकार | 690 bytes (~380 bytes gzipped) |
| SPDX लाइसेंस और व्यावसायिक उपयोग | MIT - व्यावसायिक उपयोग के लिए मुफ़्त |
| समर्थित एक्सपोर्ट फ़ॉर्मैट | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| सुरक्षा और गोपनीयता की गारंटी | साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग |
इस आइकॉन का उपयोग और बदलाव: कैलेंडर
- दिखने में बदलाव करें: रंग, स्वतः (रेखा और भरण), रेखा की मोटाई (
0.5px-4px), लाइव वेक्टर एनिमेशन प्रीसेट - वेक्टर या इमेज डाउनलोड करें: SVG डाउनलोड करें, PNG (पारदर्शी), WebP (अनुकूलित) (
2048x2048 px) - फ्रेमवर्क कोड कॉपी करें: React, Next.js, Vue 3, Svelte, Angular, HTML और CSS मास्क के लिए तैयार कोड कॉपी करें।
- गहरा वेक्टर संपादन: SVG एडिटर में संपादित करें (76,166)
सुगम्यता सुझाव (WCAG 2.1): सजावटी आइकॉन को aria-hidden और focusable false से छिपाएँ। सिर्फ़ आइकॉन वाले बटन को साफ़ aria-label दें। दाएँ से बाएँ लिखी भाषाओं के लिए तीर को क्षैतिज रूप से पलटें।
heroicons-24px-solid-calendar.svg aria-hidden="true" focusable="false"
और देखें यूज़र इंटरफ़ेस (UI/UX)
देखें
solid
16px Solid At Symbol
Heroicons|interface
solid
16px Solid Backspace
Heroicons|interface
solid
16px Solid Backward
Heroicons|interface
solid
16px Solid Banknotes
Heroicons|interface
solid
16px Solid Bars 2
Heroicons|interface
16px Solid Bars 3 Bottom Left
Heroicons|interface
16px Solid Bars 3 Bottom Right
Heroicons|interface
16px Solid Bars 3 Center Left
Heroicons|interface
16px Solid Bars 3
Heroicons|interface
Calendar Check
SVG Icons Collection|interface
16px Solid Bars 4
Heroicons|interfaceऔर देखें
अक्सर पूछे जाने वाले प्रश्न
कैलेंडर - अक्सर पूछे जाने वाले प्रश्न
क्या कैलेंडर SVG आइकन कमर्शियल उपयोग के लिए मुफ्त है? +
हां, Heroicons संग्रह का कैलेंडर आइकन MIT लाइसेंस के तहत कमर्शियल वेबसाइट और ऐप्स के लिए मुफ्त है।
क्या कैलेंडर आइकन डाउनलोड करने पर अपने मूल रंग बनाए रखता है? +
हां, जब तक आप एडिटर में नया रंग नहीं चुनते, कैलेंडर अपने मूल रंग बनाए रखता है।
मैं React या Vue में कैलेंडर आइकन का उपयोग कैसे करूं? +
इस पेज पर React TSX या Vue 3 टैब खोलें और Copy SVG पर क्लिक करें। कॉम्पोनेंट को अपने प्रोजेक्ट में पेस्ट करें और CSS या Tailwind से स्टाइल दें।
क्या मैं कैलेंडर को पारदर्शी PNG के रूप में डाउनलोड कर सकता हूं? +
हां, 2048px तक का आकार चुनें और 'PNG डाउनलोड करें' पर क्लिक करें।
मैं CSS के साथ कैलेंडर आइकन को एनिमेट कैसे करूं? +
लाइव एडिटर में कोई भी एनिमेशन चुनें, CSS कीफ़्रेम अपने आप जुड़ जाएगा।
क्या मैं कैलेंडर के लिए AI प्रॉम्प्ट बना सकता हूं? +
हां, 3D, ग्लास या नियॉन स्टाइल के लिए इस पेज पर दिए गए AI प्रॉम्प्ट जनरेटर का उपयोग करें।
क्या कैलेंडर आइकॉन को गुणवत्ता खोए बिना छोटा या बड़ा कर सकते हैं? +
हाँ। कैलेंडर फ़ाइल स्केल होने वाले viewBox वाला वेक्टर है, इसलिए 16px, 64px, 512px या किसी भी प्रिंट आकार में साफ़ रहता है।
कैलेंडर फ़ाइल में समस्या कहाँ बताएँ? +
आइकॉन पते के साथ support@svgnexus.com पर लिखें। कैलेंडर से जुड़े लाइसेंस सवाल legal@svgnexus.com पर भेजें।
100% ब्राउज़र में प्रोसेसिंग | 76,166 आइकॉन
SVG संपादक
ब्राउज़र में पाथ, लेयर, रंग और एनिमेशन संपादित करें, फिर साफ़ SVG, PNG या फ्रेमवर्क कोड निर्यात करें।