सामग्री पर जाएं
SVG Nexus वेक्टर और 3D आइकॉन
outline Apache-2.0 6 वेक्टर नोड
Source Code - IconPark iconFree Source Code vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px स्थिर
1. रंग

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

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

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

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

वेक्टर और हाई रिज़ॉल्यूशन डाउनलोड तुरंत
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं। source-code.svg (1,034 B)
डेवलपर और UI फ्रेमवर्क के लिए तेज़ कॉपी
लाइव कोड आउटपुट 
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Source Code icon"><title>Source Code - IconPark icon</title><desc>Free Source Code vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<path d="M23 40H7C5.34315 40 4 38.6569 4 37V11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V25.8824" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V20H4V11Z" fill="#2F88FF" stroke="black" stroke-width="4"/>
<path d="M34 33L30 37L34 41" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M40 33L44 37L40 41" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<circle r="2" transform="matrix(-1.31134e-07 -1 -1 1.31134e-07 10 14)" fill="white"/>
<circle r="2" transform="matrix(-1.31134e-07 -1 -1 1.31134e-07 16 14)" fill="white"/>
</svg>
AI प्रॉम्प्ट और वेक्टर सुधार

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

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

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

Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग

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

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

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

मानक फ़ाइल पहचान iconpark/source-code
स्रोत लाइब्रेरी पैक IconPark
निर्देशांक ग्रिड और viewBox viewBox="0 0 48 48"
बिना संपीड़न आकार 1,034 bytes (~569 bytes gzipped)
SPDX लाइसेंस और व्यावसायिक उपयोग Apache-2.0 - व्यावसायिक उपयोग के लिए मुफ़्त
समर्थित एक्सपोर्ट फ़ॉर्मैट SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
सुरक्षा और गोपनीयता की गारंटी साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग

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

  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 दें। दाएँ से बाएँ लिखी भाषाओं के लिए तीर को क्षैतिज रूप से पलटें। source-code.svg aria-hidden="true" focusable="false"

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

देखें

और देखें

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

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

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

हां, IconPark संग्रह का Source Code आइकन Apache-2.0 लाइसेंस के तहत कमर्शियल वेबसाइट और ऐप्स के लिए मुफ्त है।

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

SVG संपादक

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

संपादक में खोलें सभी आइकन देखें (76,166)

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

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

तुलना

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

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

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