outline
outline
MIT
1 वेक्टर नोड
1. रंग
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
2. कैनवास बैकग्राउंड और रूपांतरण
3. लाइव वेक्टर एनिमेशन प्रीसेट
SVG एक्सपोर्ट में शामिल
दिल - वेक्टर और 3D आइकॉन
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। दिल - व्यावसायिक और निजी उपयोग के लिए मुफ़्त. साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
वेक्टर और हाई रिज़ॉल्यूशन डाउनलोड तुरंत
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
heroicons-24px-outline-heart.svg (603 B)
डेवलपर और UI फ्रेमवर्क के लिए तेज़ कॉपी
लाइव कोड आउटपुट
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="Heart icon"><title>Heart - Heroicons icon</title><desc>Free Heart vector icon from the Heroicons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/> </svg>
AI प्रॉम्प्ट और वेक्टर सुधार
इस आइकॉन को सुधारना या नया रूप देना है? दिल
सटीक इंजीनियरिंग प्रॉम्प्ट बनाएँ, या कैनवास पर अभी आइकॉन सुधारें। दिल
प्रॉम्प्ट निर्माण 100% ब्राउज़र में
स्रोत और लाइसेंस जाँच
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
कीवर्ड
#heroicons
#24px
#outline
#heart
#interface
#hero
#दिल svg
#दिल icon
#दिल heroicons
#दिल react tsx
#दिल vue
#दिल png
आपकी भाषा में लोकप्रिय
मुफ्त SVG आइकन डाउनलोड
फ्री वेक्टर आइकन
SVG से PNG कन्वर्टर ऑनलाइन
मुफ्त ब्राउज़र SVG एडिटर
3D वेक्टर आइकन
SVG फ़ाइल ऑप्टिमाइज़र
React SVG कंपोनेंट
CSS SVG एनिमेशन
कमर्शियल उपयोग के लिए फ्री आइकन
svg आइकॉन लाइब्रेरी
दिल - वेक्टर की तकनीकी जानकारी
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। दिल
| मानक फ़ाइल पहचान | heroicons/heroicons-24px-outline-heart |
|---|---|
| स्रोत लाइब्रेरी पैक | Heroicons |
| निर्देशांक ग्रिड और viewBox | viewBox="0 0 24 24" |
| बिना संपीड़न आकार | 603 bytes (~332 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-outline-heart.svg aria-hidden="true" focusable="false"
और देखें यूज़र इंटरफ़ेस (UI/UX)
देखें
outline
Outline Device Watch Heart
Tabler Icons|interface
outline
Outline Devices Heart
Tabler Icons|interface
outline
Outlined Device Device Nfc
Material Icons|interface
solid
Fill Align Top Fill
Phosphor Icons|interface
outline
Outline Device Tablet Down
Tabler Icons|interface
Outlined Device Device Nightlight
Material Icons|interface
Fill Align Top Simple Fill
Phosphor Icons|interface
Outline Device Tablet Exclamation
Tabler Icons|interface
Outlined Device Device Note Alt
Material Icons|interface
Outlined Device Device Password
Material Icons|interface
Fill Ambulance Fill
Phosphor Icons|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 या फ्रेमवर्क कोड निर्यात करें।