outline
outline
Apache-2.0
1 वेक्टर नोड
1. रंग
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
2. कैनवास बैकग्राउंड और रूपांतरण
3. लाइव वेक्टर एनिमेशन प्रीसेट
SVG एक्सपोर्ट में शामिल
कोड - वेक्टर और 3D आइकॉन
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। कोड - व्यावसायिक और निजी उपयोग के लिए मुफ़्त. साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
वेक्टर और हाई रिज़ॉल्यूशन डाउनलोड तुरंत
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
code.svg (518 B)
डेवलपर और UI फ्रेमवर्क के लिए तेज़ कॉपी
लाइव कोड आउटपुट
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Code icon"><title>Code - MingCute Icons icon</title><desc>Free Code vector icon from the MingCute Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.216 4.106 9.784 19.894M6.5 7.757 2.257 12 6.5 16.243m11-8.486L21.743 12 17.5 16.243"/></svg>
AI प्रॉम्प्ट और वेक्टर सुधार
इस आइकॉन को सुधारना या नया रूप देना है? कोड
सटीक इंजीनियरिंग प्रॉम्प्ट बनाएँ, या कैनवास पर अभी आइकॉन सुधारें। कोड
प्रॉम्प्ट निर्माण 100% ब्राउज़र में
स्रोत और लाइसेंस जाँच
LICENSE.txt
Library: MingCute Icons | Author: MingCute Design | License: Apache-2.0 | साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
कीवर्ड
#code
#mingcute
#interface
#outline
#कोड svg
#कोड icon
#कोड mingcute icons
#कोड react tsx
#कोड vue
#कोड png
आपकी भाषा में लोकप्रिय
मुफ्त SVG आइकन डाउनलोड
फ्री वेक्टर आइकन
SVG से PNG कन्वर्टर ऑनलाइन
मुफ्त ब्राउज़र SVG एडिटर
3D वेक्टर आइकन
SVG फ़ाइल ऑप्टिमाइज़र
React SVG कंपोनेंट
CSS SVG एनिमेशन
कमर्शियल उपयोग के लिए फ्री आइकन
svg आइकॉन लाइब्रेरी
कोड - वेक्टर की तकनीकी जानकारी
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। कोड
| मानक फ़ाइल पहचान | mingcute/code |
|---|---|
| स्रोत लाइब्रेरी पैक | MingCute Icons |
| निर्देशांक ग्रिड और viewBox | viewBox="0 0 24 24" |
| बिना संपीड़न आकार | 518 bytes (~285 bytes gzipped) |
| SPDX लाइसेंस और व्यावसायिक उपयोग | Apache-2.0 - व्यावसायिक उपयोग के लिए मुफ़्त |
| समर्थित एक्सपोर्ट फ़ॉर्मैट | 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 दें। दाएँ से बाएँ लिखी भाषाओं के लिए तीर को क्षैतिज रूप से पलटें।
code.svg aria-hidden="true" focusable="false"
दूसरी लाइब्रेरी में मिलते आइकॉन ("code")
इस आइकॉन की तुलना दूसरी ओपन सोर्स वेक्टर लाइब्रेरी से करें।
और देखें यूज़र इंटरफ़ेस (UI/UX)
देखें
outline
Outlined Av Av Surround Sound
Material Icons|interface
duotone
Duotone Smiley Melting Duotone
Phosphor Icons|interface
duotone
Duotone Smiley Nervous Duotone
Phosphor Icons|interface
outline
Outline Cpu
Tabler Icons|interface
duotone
Duotone Smiley Sad Duotone
Phosphor Icons|interface
outline
Outline Crane Off
Tabler Icons|interface
Duotone Smiley Sticker Duotone
Phosphor Icons|interface
Outline Crane
Tabler Icons|interface
Legal Gavel 01
Domain Icons|interface
Duotone Smiley Wink Duotone
Phosphor Icons|interface
Outline Creative Commons By
Tabler Icons|interface
Legal Gavel 02
Domain Icons|interfaceऔर देखें
अक्सर पूछे जाने वाले प्रश्न
कोड - अक्सर पूछे जाने वाले प्रश्न
क्या कोड SVG आइकन कमर्शियल उपयोग के लिए मुफ्त है? +
हां, MingCute Icons संग्रह का कोड आइकन Apache-2.0 लाइसेंस के तहत कमर्शियल वेबसाइट और ऐप्स के लिए मुफ्त है।
क्या कोड आइकन डाउनलोड करने पर अपने मूल रंग बनाए रखता है? +
हां, जब तक आप एडिटर में नया रंग नहीं चुनते, कोड अपने मूल रंग बनाए रखता है।
मैं 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 या फ्रेमवर्क कोड निर्यात करें।