a11y.skipToMainContent
1

SVG पैटर्न जनरेटर

निर्बाध दोहराने वाले SVG पैटर्न बनाएं - 8 पैटर्न प्रकारों से चुनें, रंग और रिक्ति को अनुकूलित करें। SVG के रूप में डाउनलोड करें या CSS पृष्ठभूमि के रूप में कॉपी करें।.

Preview

SVG Code

CSS Background

Was this tool helpful?
Send Image to:
Advertisement

How to use SVG Pattern Generator

  1. ड्रॉपडाउन से एक पैटर्न प्रकार का चयन करें।.
  2. पृष्ठभूमि रंग, पैटर्न रंग, रिक्ति और पैमाने समायोजित करें।.
  3. सीएसएस पृष्ठभूमि कोड की प्रतिलिपि बनाएँ या SVG फ़ाइल डाउनलोड करें।.

SVG पैटर्न जनरेटर क्या है?

पृष्ठभूमि के पैटर्न को दोहराने के लिए वेबसाइटों, प्रस्तुतियों और डिजाइनों के लिए दृश्य रुचि जोड़ें। यह उपकरण स्वच्छ SVG पैटर्न उत्पन्न करता है जो टाइल को निर्बाध रूप से - पोल्का डॉट्स, धारियों, शेवरॉन, हेक्सागोन, क्रॉस, वेव्स, ग्रिड और त्रिकोण से चुनें। पृष्ठभूमि रंग, पैटर्न रंग, स्पेसिंग, स्केल और अपारदर्शिता को अनुकूलित करें। उपकरण दोनों कच्चे SVG कोड का उत्पादन करता है और तैयार-से-उपयोग करने वाली सीएसएस पृष्ठभूमि घोषणाओं के साथ इनलाइन डेटा URIs — कोई बाहरी छवि फ़ाइलों की जरूरत है।

Advertisement

FAQ

क्या पैटर्न वास्तव में निर्बाध हैं?
हां - प्रत्येक एसवीजी को सीमलेस पैटर्न के लिए सीएसएस पृष्ठभूमि-repeat का पूरी तरह से उपयोग करने के लिए डिज़ाइन किया गया है।.
मैं सीएसएस आउटपुट का उपयोग कैसे करूं?
उत्पन्न सीएसएस में एक डेटा यूआरआई पृष्ठभूमि-image शामिल है जिसे आप सीधे अपनी स्टाइलशीट में पेस्ट कर सकते हैं - कोई अलग छवि फाइलों की जरूरत नहीं है।.

Related tools

Author

AR
Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

📖 SVG Pattern Generator on Wikipedia·Image Tools on Wikipedia·SVG Pattern Generator on Britannica

People also use

← Back to Image Tools · All tags
Advertisement