सामग्री पर जाएं
solid MIT 1 वेक्टर नोड
144x144 px | Stroke 2px स्थिर
1. रंग

जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।

2. कैनवास बैकग्राउंड और रूपांतरण
3. लाइव वेक्टर एनिमेशन प्रीसेट SVG एक्सपोर्ट में शामिल
Heroicons | यूज़र इंटरफ़ेस (UI/UX) | viewBox="0 0 20 20" | व्यावसायिक उपयोग के लिए मुफ़्त

H3 - वेक्टर और 3D आइकॉन

स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। H3 - व्यावसायिक और निजी उपयोग के लिए मुफ़्त. साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग

वेक्टर और हाई रिज़ॉल्यूशन डाउनलोड तुरंत
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं। heroicons-20px-solid-h3.svg (998 B)
डेवलपर और UI फ्रेमवर्क के लिए तेज़ कॉपी
लाइव कोड आउटपुट
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="H3 icon"><title>H3 - Heroicons icon</title><desc>Free H3 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="M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM15 9.5c-.73 0-1.448.051-2.15.15a.75.75 0 1 1-.209-1.485 16.886 16.886 0 0 1 3.476-.128c.985.065 1.878.837 1.883 1.932V10a6.75 6.75 0 0 1-.301 2A6.75 6.75 0 0 1 18 14v.031c-.005 1.095-.898 1.867-1.883 1.932a17.018 17.018 0 0 1-3.467-.127.75.75 0 0 1 .209-1.485 15.377 15.377 0 0 0 3.16.115c.308-.02.48-.24.48-.441L16.5 14c0-.431-.052-.85-.15-1.25h-2.6a.75.75 0 0 1 0-1.5h2.6c.098-.4.15-.818.15-1.25v-.024c-.001-.201-.173-.422-.481-.443A15.485 15.485 0 0 0 15 9.5Z" clip-rule="evenodd"/>
</svg>
AI प्रॉम्प्ट और वेक्टर सुधार

इस आइकॉन को सुधारना या नया रूप देना है? H3

सटीक इंजीनियरिंग प्रॉम्प्ट बनाएँ, या कैनवास पर अभी आइकॉन सुधारें। H3

AI आइकॉन जनरेटर में खोलें
प्रॉम्प्ट निर्माण 100% ब्राउज़र में
H3 Free SVG Vector Icon - Heroicons (MIT)
स्रोत और लाइसेंस जाँच LICENSE.txt

Library: Heroicons | Author: Tailwind Labs | License: MIT | साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग

कीवर्ड
#heroicons #20px #solid #h3 #interface #hero #h #3 #h3 svg #h3 icon #h3 heroicons #h3 react tsx #h3 vue #h3 png
आपकी भाषा में लोकप्रिय
मुफ्त SVG आइकन डाउनलोड फ्री वेक्टर आइकन SVG से PNG कन्वर्टर ऑनलाइन मुफ्त ब्राउज़र SVG एडिटर 3D वेक्टर आइकन SVG फ़ाइल ऑप्टिमाइज़र React SVG कंपोनेंट CSS SVG एनिमेशन कमर्शियल उपयोग के लिए फ्री आइकन svg आइकॉन लाइब्रेरी

H3 - वेक्टर की तकनीकी जानकारी

स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। H3

मानक फ़ाइल पहचान heroicons/heroicons-20px-solid-h3
स्रोत लाइब्रेरी पैक Heroicons
निर्देशांक ग्रिड और viewBox viewBox="0 0 20 20"
बिना संपीड़न आकार 998 bytes (~549 bytes gzipped)
SPDX लाइसेंस और व्यावसायिक उपयोग MIT - व्यावसायिक उपयोग के लिए मुफ़्त
समर्थित एक्सपोर्ट फ़ॉर्मैट SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
सुरक्षा और गोपनीयता की गारंटी साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग

इस आइकॉन का उपयोग और बदलाव: H3

  1. दिखने में बदलाव करें: रंग, स्वतः (रेखा और भरण), रेखा की मोटाई (0.5px-4px), लाइव वेक्टर एनिमेशन प्रीसेट
  2. वेक्टर या इमेज डाउनलोड करें: SVG डाउनलोड करें, PNG (पारदर्शी), WebP (अनुकूलित) (2048x2048 px)
  3. फ्रेमवर्क कोड कॉपी करें: React, Next.js, Vue 3, Svelte, Angular, HTML और CSS मास्क के लिए तैयार कोड कॉपी करें।
  4. गहरा वेक्टर संपादन: SVG एडिटर में संपादित करें (76,166)
सुगम्यता सुझाव (WCAG 2.1): सजावटी आइकॉन को aria-hidden और focusable false से छिपाएँ। सिर्फ़ आइकॉन वाले बटन को साफ़ aria-label दें। दाएँ से बाएँ लिखी भाषाओं के लिए तीर को क्षैतिज रूप से पलटें। heroicons-20px-solid-h3.svg aria-hidden="true" focusable="false"

और देखें यूज़र इंटरफ़ेस (UI/UX)

देखें

और देखें

अक्सर पूछे जाने वाले प्रश्न

H3 - अक्सर पूछे जाने वाले प्रश्न

क्या H3 SVG आइकन कमर्शियल उपयोग के लिए मुफ्त है? +

हां, Heroicons संग्रह का H3 आइकन MIT लाइसेंस के तहत कमर्शियल वेबसाइट और ऐप्स के लिए मुफ्त है।

क्या H3 आइकन डाउनलोड करने पर अपने मूल रंग बनाए रखता है? +

हां, जब तक आप एडिटर में नया रंग नहीं चुनते, H3 अपने मूल रंग बनाए रखता है।

मैं React या Vue में H3 आइकन का उपयोग कैसे करूं? +

इस पेज पर React TSX या Vue 3 टैब खोलें और Copy SVG पर क्लिक करें। कॉम्पोनेंट को अपने प्रोजेक्ट में पेस्ट करें और CSS या Tailwind से स्टाइल दें।

क्या मैं H3 को पारदर्शी PNG के रूप में डाउनलोड कर सकता हूं? +

हां, 2048px तक का आकार चुनें और 'PNG डाउनलोड करें' पर क्लिक करें।

मैं CSS के साथ H3 आइकन को एनिमेट कैसे करूं? +

लाइव एडिटर में कोई भी एनिमेशन चुनें, CSS कीफ़्रेम अपने आप जुड़ जाएगा।

क्या मैं H3 के लिए AI प्रॉम्प्ट बना सकता हूं? +

हां, 3D, ग्लास या नियॉन स्टाइल के लिए इस पेज पर दिए गए AI प्रॉम्प्ट जनरेटर का उपयोग करें।

क्या H3 आइकॉन को गुणवत्ता खोए बिना छोटा या बड़ा कर सकते हैं? +

हाँ। H3 फ़ाइल स्केल होने वाले viewBox वाला वेक्टर है, इसलिए 16px, 64px, 512px या किसी भी प्रिंट आकार में साफ़ रहता है।

H3 फ़ाइल में समस्या कहाँ बताएँ? +

आइकॉन पते के साथ support@svgnexus.com पर लिखें। H3 से जुड़े लाइसेंस सवाल legal@svgnexus.com पर भेजें।

100% ब्राउज़र में प्रोसेसिंग | 76,166 आइकॉन

SVG संपादक

ब्राउज़र में पाथ, लेयर, रंग और एनिमेशन संपादित करें, फिर साफ़ SVG, PNG या फ्रेमवर्क कोड निर्यात करें।

76,166 वेक्टर आइकॉन खोजने के लिए लिखें...

चलें | खोलने के लिए Enter सभी आइकन देखें

तुलना

आइकॉन का स्रोत और लाइसेंस

लाइसेंस व्यावसायिक उपयोग श्रेय बदलाव या रंग
MITअनुमतपैक में सूचनाअनुमत
ISCअनुमतपैक में सूचनाअनुमत
Apache-2.0अनुमतसूचना फ़ाइल के साथ ज़रूरीअनुमत
CC BY 4.0अनुमतक्रेडिट जरूरीअनुमत
CC-BY-SA-4.0अनुमतसमान शर्तों पर बाँटेंसमान शर्तों पर बाँटें
Trademark / Brandकेवल उल्लेख के लिएमालिक के दिशा निर्देशसीमित

आइकन पूर्वावलोकन