सामग्री पर जाएं
स्टूडियो साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग

Vector Studio और 3D आइकॉन वर्कस्पेस

SVG पथ, मल्टी-स्टॉप ग्रेडिएंट, 3D वॉल्यूमेट्रिक लाइटिंग, मोशन एनिमेशन और मल्टी-फ्रेमवर्क कोड एक्सपोर्ट को ब्राउज़र में कस्टमाइज़ करने के लिए इंटरैक्टिव स्टूडियो।

100%
आकृति जोड़ें:

Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.

X: 12.0 | Y: 12.0 WCAG AAA | 17.4:1
Editor Data Array - Material Icons iconFree Editor Data Array vector icon from the Material Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 304 bytes.
वेक्टर गुण: material-sharp-editor-editor-data-array | SVG एडिटर में संपादित करें 24x24 | 0.3 KB
आकार की लाइव झलक:
16px
24px
32px
गहरा इंटरफ़ेस
studio

कई आइकॉन वाली स्प्राइट ट्रे

कई बदले हुए आइकॉन लगाएँ और एक ही सिम्बल शीट बनाएँ।

अभी कोई आइकॉन नहीं लगा। आइकॉन लगाकर एक शीट में जोड़ें।

AI प्रॉम्प्ट और वेक्टर सुधार

AI प्रॉम्प्ट बनाएँ या कैनवास पर आइकॉन सुधारें

प्रीसेट चुनें, प्रॉम्प्ट अपने AI टूल में कॉपी करें, या कैनवास पर आइकॉन सुधारें।

तकनीकी दस्तावेज़ और इंजीनियरिंग गाइड

Vector Studio और 3D आइकॉन वर्कस्पेस

SVG पथ, मल्टी-स्टॉप ग्रेडिएंट, 3D वॉल्यूमेट्रिक लाइटिंग, मोशन एनिमेशन और मल्टी-फ्रेमवर्क कोड एक्सपोर्ट को ब्राउज़र में कस्टमाइज़ करने के लिए इंटरैक्टिव स्टूडियो।

समर्थित इनपुट स्रोत

W3C SVG 1.1/2.0 फ़ाइलें, कच्चा XML कोड या इन-बिल्ट कैटलॉग आइकन

एक्सपोर्ट और कंपाइल लक्ष्य

अनुकूलित SVG, PNG (64–2048 px), WebP, React TSX, Vue 3, Svelte, CSS Data URI, SVG स्प्राइट

तकनीकी असर और प्रदर्शन

ब्राउज़र में वेक्टर संपादन, 3D लाइटिंग, अनुकूलन और कोड एक्सपोर्ट को एक साथ जोड़ता है

Vector Studio और 3D आइकॉन वर्कस्पेस का उपयोग कैसे करें

  1. 1

    टूल्स मेनू से स्टूडियो खोलें और नया चित्रण शुरू करें या मौजूदा SVG फ़ाइल आयात करें।

  2. 2

    इंस्पेक्टर पैनल में लेयर, रंग, ग्रेडिएंट स्टॉप और स्ट्रोक चौड़ाई सीधे संपादित करें।

  3. 3

    आइकन बैज के लिए 3D लाइटिंग प्रीसेट या मोशन एनिमेशन लागू करें।

  4. 4

    साफ़ SVG, उच्च-रिज़ॉल्यूशन PNG/WebP निर्यात करें या फ़्रेमवर्क कोड कॉपी करें।

उदाहरण इनपुट

डिस्क से आयातित shield.svg (एकल पाथ लेयर)

उदाहरण आउटपुट

संतुलित ग्रेडिएंट वाला SVG तथा className सपोर्ट सहित JSX कंपोनेंट

सीमाएँ

  • एकल मुख्य प्रकाश स्रोत वाले उभरे आकारों पर 3D लाइटिंग सबसे अच्छी दिखती है।
  • अनडू इतिहास प्रति सत्र अधिकतम 50 चरण रखता है।
  • प्रत्येक फ़ाइल के लिए आयात सीमा 2 MiB है।

इस वर्कस्पेस में खोली या पेस्ट की गई फ़ाइलें आपके ब्राउज़र में ही स्थानीय रूप से प्रोसेस होती हैं। कोई फ़ाइल सर्वर पर नहीं जाती।

इस टूल के लिए गाइड

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

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

तुलना

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

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