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

डेवलपर दस्तावेज़

डेवलपर और डिज़ाइनर के लिए वेक्टर और 3D आइकॉन लाइब्रेरी

76,166 आइकॉन का कैटलॉग, JSON खोज API और बिना निर्भरता वाले कंपोनेंट React, Next.js, Vue 3, Svelte, Tailwind CSS या PHP प्रोजेक्ट में जोड़ें।

1. JSON खोज और फ़ेसेट API (GET /api/icons)

कीवर्ड, लाइब्रेरी फ़ोल्डर, श्रेणी, शैली या लाइसेंस से छाँटें। जवाब में सुरक्षित इनलाइन SVG, सुझाव और मेल खाते फ़ेसेट के साथ पेजों में बँटे आइकॉन मिलते हैं।

GET /api/icons?q=arrow&library=lucide&category=arrows&style=outline&license=ISC&page=1&limit=48&facets=1

2. वेक्टर फ़ाइल के सीधे पते

# Folder-scoped SVG asset (all 15 active folders supported):
GET /icon-library-assets/{libraryId}/{slug}.svg

# Legacy flat slug endpoint:
GET /icon-assets/{slug}.svg

# Upstream SPDX license notice file:
GET /icon-library-notices/{libraryId}/LICENSE.txt

3. बिना निर्भरता वाला कंपोनेंट ढाँचा

import * as React from 'react';

export function NexusArrowRightIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      width="24"
      height="24"
      fill="none"
      stroke="currentColor"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
      {...props}
    >
      <path d="M5 12h14" />
      <path d="m12 5 7 7-7 7" />
    </svg>
  );
}

व्यावहारिक SVG गाइड और ट्यूटोरियल

SVG बनाम PNG: आपको कौन सा फ़ॉर्मेट चुनना चाहिए?

वेबसाइट आइकन, लोगो और यूज़र इंटरफ़ेस के लिए SVG का उपयोग करें क्योंकि वेक्टर पाथ हर स्क्रीन साइज़ पर साफ़ दिखते हैं। ईमेल या सोशल मीडिया के लिए फिक्स्ड पिक्सेल इमेज चाहिए तो PNG चुनें।

CSS के साथ SVG आइकन को एनिमेट कैसे करें

अपने इनलाइन SVG टैग में एक CSS क्लास जोड़ें और transform या stroke-dasharray कीफ़्रेम लगाएं। हमारा लाइव एडिटर बिना JavaScript के स्मूद एनिमेशन बनाता है।

Figma या ब्राउज़र में SVG आइकन कैसे एडिट करें

SVG Nexus से SVG कोड कॉपी करें और सीधे Figma या Illustrator में पेस्ट करें, या बिना किसी सॉफ्टवेयर के हमारे ब्राउज़र वेक्टर स्टूडियो में आइकन एडिट करें।

React, Next.js और Vue में SVG आइकन का उपयोग कैसे करें

किसी भी आइकन पेज पर React TSX या Vue 3 टैब चुनें और currentColor तथा Tailwind CSS सपोर्ट वाला तैयार कंपोनेंट कोड कॉपी करें।

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

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

तुलना

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

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

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