solid
1. रंग
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
2. कैनवास बैकग्राउंड और रूपांतरण
3. लाइव वेक्टर एनिमेशन प्रीसेट
SVG एक्सपोर्ट में शामिल
डायमंड SVG आइकन
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। डायमंड - व्यावसायिक और निजी उपयोग के लिए मुफ़्त. साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
वेक्टर और हाई रिज़ॉल्यूशन डाउनलोड तुरंत
जब तक आप नया रंग नहीं चुनते, आइकन के मूल रंग सुरक्षित रहते हैं।
bootstrap-regular-diamond.svg (648 B)
डेवलपर और UI फ्रेमवर्क के लिए तेज़ कॉपी
लाइव कोड आउटपुट
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-diamond" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Diamond icon"><title>Diamond - Bootstrap Icons icon</title><desc>Free Diamond vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 420 bytes.</desc> <path d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.48 1.48 0 0 1 0-2.098zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/> </svg>
AI प्रॉम्प्ट और वेक्टर सुधार
इस आइकॉन को सुधारना या नया रूप देना है? डायमंड
सटीक इंजीनियरिंग प्रॉम्प्ट बनाएँ, या कैनवास पर अभी आइकॉन सुधारें। डायमंड
प्रॉम्प्ट निर्माण 100% ब्राउज़र में
स्रोत और लाइसेंस जाँच
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग
कीवर्ड
#bootstrap
#regular
#diamond
#interface
#outline
डायमंड - वेक्टर की तकनीकी जानकारी
स्रोत, लेखक और लाइसेंस प्रीव्यू और आइकॉन विवरण में दिखते हैं। डायमंड
| मानक फ़ाइल पहचान | bootstrap/bootstrap-regular-diamond |
|---|---|
| स्रोत लाइब्रेरी पैक | Bootstrap Icons |
| निर्देशांक ग्रिड और viewBox | viewBox="0 0 16 16" |
| बिना संपीड़न आकार | 648 bytes (~356 bytes gzipped) |
| SPDX लाइसेंस और व्यावसायिक उपयोग | MIT - व्यावसायिक उपयोग के लिए मुफ़्त |
| Upstream Source | https://github.com/twbs/icons |
| समर्थित एक्सपोर्ट फ़ॉर्मैट | 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 एडिटर में संपादित करें (77,087)
सुगम्यता सुझाव (WCAG 2.1): सजावटी आइकॉन को aria-hidden और focusable false से छिपाएँ। सिर्फ़ आइकॉन वाले बटन को साफ़ aria-label दें। दाएँ से बाएँ लिखी भाषाओं के लिए तीर को क्षैतिज रूप से पलटें।
bootstrap-regular-diamond.svg aria-hidden="true" focusable="false"
दूसरी लाइब्रेरी में मिलते आइकॉन ("डायमंड")
इस आइकॉन की तुलना दूसरी ओपन सोर्स वेक्टर लाइब्रेरी से करें।
और देखें यूज़र इंटरफ़ेस (UI/UX)
देखेंsolid
डायमंड
Maki|traveloutline
डायमंड
MingCute Icons|interfacesolid
डायमंड
MingCute Icons Fill|interfaceoutline
डायमंड
IconPark|interface3d
डायमंड
3D Vector Icons|3d-iconsoutline
Align Top
Phosphor Icons|interface
Cable Car
Phosphor Icons|interface
Circles Three Plus
Phosphor Icons|interface
Device Ad Units
Material Icons|interface
Device Data Usage
Material Icons|interface
Resize
Tabler Icons|interface
Rosette Number
Tabler Icons|interface
Device Signal Cellular Nodata
Material Icons|interface
Sign Left
Tabler Icons|interface
Acorn
SVG Icons Collection|interface
Aiming
MingCute Icons|interface
Beach
Fluent UI Color|interface
Align Horizontal Justify End
Lucide|interface
कोड
Bytesize Icons|interface
किताब
Open Iconic|interface
Calendar Clock
Fluent UI Color|interface
Airplane Window
IconPark|interface
Arrows Pointing Out
Heroicons|interface
Circle Multiple Hint Checkmark
Fluent UI Color|interfaceऔर देखें
अक्सर पूछे जाने वाले प्रश्न
डायमंड - अक्सर पूछे जाने वाले प्रश्न
डायमंड किस लाइसेंस के अंतर्गत है? +
डायमंड Bootstrap Icons से आता है और MIT के अंतर्गत है। श्रेय: क्रेडिट जरूरी।
मैं डायमंड किन प्रारूपों में डाउनलोड कर सकता हूँ? +
डायमंड एक outline-शैली का वेक्टर है (viewBox 0 0 16 16)। SVG, PNG, WebP या ICO डाउनलोड करें, या इस पृष्ठ से React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask या Base64 कोड कॉपी करें।
डायमंड आइकन कहाँ से आता है? +
डायमंड Bootstrap Icons लाइब्रेरी (निर्माता The Bootstrap Authors) का हिस्सा है, यूज़र इंटरफ़ेस (UI/UX) श्रेणी में। लाइसेंस का पूरा पाठ इस पृष्ठ पर लिंक की गई लाइब्रेरी सूचना फ़ाइल में है।
100% ब्राउज़र में प्रोसेसिंग | 77,087 आइकॉन
SVG संपादक
ब्राउज़र में पाथ, लेयर, रंग और एनिमेशन संपादित करें, फिर साफ़ SVG, PNG या फ्रेमवर्क कोड निर्यात करें।