outline
outline
MIT
1 वेक्टर नोड
1. रंग
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
2. कैनवास बैकग्राउंड और रूपांतरण
3. लाइव वेक्टर एनिमेशन प्रीसेट
SVG एक्सपोर्ट में शामिल
कोड - वेक्टर और 3D आइकॉन
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। कोड - व्यावसायिक और निजी उपयोग के लिए मुफ़्त. साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
वेक्टर और हाई रिज़ॉल्यूशन डाउनलोड तुरंत
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
code.svg (479 B)
डेवलपर और UI फ्रेमवर्क के लिए तेज़ कॉपी
लाइव कोड आउटपुट
<svg id="i-code" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Code icon"><title>Code - Bytesize Icons icon</title><desc>Free Code vector icon from the Bytesize Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<path d="M10 9 L3 17 10 25 M22 9 L29 17 22 25 M18 7 L14 27" />
</svg>
AI प्रॉम्प्ट और वेक्टर सुधार
इस आइकॉन को सुधारना या नया रूप देना है? कोड
सटीक इंजीनियरिंग प्रॉम्प्ट बनाएँ, या कैनवास पर अभी आइकॉन सुधारें। कोड
प्रॉम्प्ट निर्माण 100% ब्राउज़र में
स्रोत और लाइसेंस जाँच
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
कीवर्ड
#code
#bytesize
#interface
#outline
#कोड svg
#कोड icon
#कोड bytesize icons
#कोड react tsx
#कोड vue
#कोड png
आपकी भाषा में लोकप्रिय
मुफ्त SVG आइकन डाउनलोड
फ्री वेक्टर आइकन
SVG से PNG कन्वर्टर ऑनलाइन
मुफ्त ब्राउज़र SVG एडिटर
3D वेक्टर आइकन
SVG फ़ाइल ऑप्टिमाइज़र
React SVG कंपोनेंट
CSS SVG एनिमेशन
कमर्शियल उपयोग के लिए फ्री आइकन
svg आइकॉन लाइब्रेरी
कोड - वेक्टर की तकनीकी जानकारी
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। कोड
| मानक फ़ाइल पहचान | bytesize/code |
|---|---|
| स्रोत लाइब्रेरी पैक | Bytesize Icons |
| निर्देशांक ग्रिड और viewBox | viewBox="0 0 32 32" |
| बिना संपीड़न आकार | 479 bytes (~263 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 दें। दाएँ से बाएँ लिखी भाषाओं के लिए तीर को क्षैतिज रूप से पलटें।
code.svg aria-hidden="true" focusable="false"
दूसरी लाइब्रेरी में मिलते आइकॉन ("code")
इस आइकॉन की तुलना दूसरी ओपन सोर्स वेक्टर लाइब्रेरी से करें।
और देखें यूज़र इंटरफ़ेस (UI/UX)
देखें
duotone
कोड
Ant Design TwoTone|interface
outline
Asus
SVG Icons Collection|interface
solid
Filled Align Box Left Bottom
Tabler Icons|interface
duotone
बादल
Ant Design TwoTone|interface
outline
Accessibility Ear 09
Domain Icons|interface
outline
Add User
IconPark|interface
Outline Align Horizontal Space Around
Lucide|interface
Filled Action Action All Out
Material Icons|interface
Album 2
MingCute Icons|interface
Album 2
MingCute Icons Fill|interface
Bar Chart
Open Iconic|interface
Bold Align Top Simple Bold
Phosphor Icons|interfaceऔर देखें
अक्सर पूछे जाने वाले प्रश्न
कोड - अक्सर पूछे जाने वाले प्रश्न
क्या कोड SVG आइकन कमर्शियल उपयोग के लिए मुफ्त है? +
हां, Bytesize Icons संग्रह का कोड आइकन 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 या फ्रेमवर्क कोड निर्यात करें।