outline
outline
MIT
1 वेक्टर नोड
1. रंग
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
2. कैनवास बैकग्राउंड और रूपांतरण
3. लाइव वेक्टर एनिमेशन प्रीसेट
SVG एक्सपोर्ट में शामिल
वर्ग - वेक्टर और 3D आइकॉन
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। वर्ग - व्यावसायिक और निजी उपयोग के लिए मुफ़्त. साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
वेक्टर और हाई रिज़ॉल्यूशन डाउनलोड तुरंत
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
bootstrap-regular-square.svg (504 B)
डेवलपर और UI फ्रेमवर्क के लिए तेज़ कॉपी
लाइव कोड आउटपुट
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-square" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Square icon"><title>Square - Bootstrap Icons icon</title><desc>Free Square vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/> </svg>
AI प्रॉम्प्ट और वेक्टर सुधार
इस आइकॉन को सुधारना या नया रूप देना है? वर्ग
सटीक इंजीनियरिंग प्रॉम्प्ट बनाएँ, या कैनवास पर अभी आइकॉन सुधारें। वर्ग
प्रॉम्प्ट निर्माण 100% ब्राउज़र में
स्रोत और लाइसेंस जाँच
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
कीवर्ड
#bootstrap
#regular
#square
#interface
#outline
#वर्ग svg
#वर्ग icon
#वर्ग bootstrap icons
#वर्ग react tsx
#वर्ग vue
#वर्ग png
आपकी भाषा में लोकप्रिय
मुफ्त SVG आइकन डाउनलोड
फ्री वेक्टर आइकन
SVG से PNG कन्वर्टर ऑनलाइन
मुफ्त ब्राउज़र SVG एडिटर
3D वेक्टर आइकन
SVG फ़ाइल ऑप्टिमाइज़र
React SVG कंपोनेंट
CSS SVG एनिमेशन
कमर्शियल उपयोग के लिए फ्री आइकन
svg आइकॉन लाइब्रेरी
वर्ग - वेक्टर की तकनीकी जानकारी
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। वर्ग
| मानक फ़ाइल पहचान | bootstrap/bootstrap-regular-square |
|---|---|
| स्रोत लाइब्रेरी पैक | Bootstrap Icons |
| निर्देशांक ग्रिड और viewBox | viewBox="0 0 16 16" |
| बिना संपीड़न आकार | 504 bytes (~277 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 दें। दाएँ से बाएँ लिखी भाषाओं के लिए तीर को क्षैतिज रूप से पलटें।
bootstrap-regular-square.svg aria-hidden="true" focusable="false"
और देखें यूज़र इंटरफ़ेस (UI/UX)
देखें
outline
Regular Cart4
Bootstrap Icons|interface
outline
Regular Cash Coin
Bootstrap Icons|interface
outline
Regular Cash Stack
Bootstrap Icons|interface
outline
Regular Cash
Bootstrap Icons|interface
outline
Regular Cassette
Bootstrap Icons|interface
Regular Cast
Bootstrap Icons|interface
Regular Cc Circle
Bootstrap Icons|interface
Minus Square
MingCute Icons|interface
Minus Square
MingCute Icons Fill|interface
Bold Number Three Bold
Phosphor Icons|interface
Fishing
IconPark|interfaceऔर देखें
अक्सर पूछे जाने वाले प्रश्न
वर्ग - अक्सर पूछे जाने वाले प्रश्न
क्या वर्ग SVG आइकन कमर्शियल उपयोग के लिए मुफ्त है? +
हां, Bootstrap 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 या फ्रेमवर्क कोड निर्यात करें।