ToolPilot

SVG desen oluşturucu

Saniyeler içinde dikişsiz arka plan desenleri.

Döşenebilir bir SVG arka planı oluşturmak için desen, boyut ve renkler seçin. Web siteleri, uygulamalar veya tasarım araçları için SVG kodunu kopyalayın veya dosyayı indirin.

Desen

24px
Desen rengi
Arka plan
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <rect width="24" height="24" fill="#f5f3ff" />
  <circle cx="12" cy="12" r="2.4" fill="#7c3aed" />
</svg>

SVG desenleri nasıl oluşturulur

  1. Noktalar, ızgara veya dalgalar gibi bir desen türü seçin.
  2. Kaydırıcıyla döşeme boyutunu ayarlayın.
  3. Desen rengini ve arka plan rengini seçin.
  4. SVG kodunu kopyalayın veya .svg dosyasını indirin.

Sıkça sorulan sorular

Bu desenler dikişsiz mi?

Evet. Her döşeme CSS arka planı olarak kullanıldığında görünür dikiş olmadan tekrarlanacak şekilde tasarlanmıştır.

Deseni web sitemde nasıl kullanırım?

İndirilen SVG dosyasını CSS'te background-image: url(pattern.svg) ile referans verin veya kopyalanan SVG'yi doğrudan işaretlemenize gömün.

SVG'yi sonra düzenleyebilir miyim?

Kesinlikle. Çıktı, herhangi bir düzenleyici veya tasarım uygulamasında açabileceğiniz düz SVG metnidir.

Gelişmemize yardım edin

Araçlarımızı düzenli olarak iyileştiriyoruz. Bir sorun mu buldunuz yoksa öneriniz mi var? Dinliyoruz.

İlgili araçlar

🎨

Renk Seçici + HEX/RGB/HSL

🎯

HEX / RGB / HSL Dönüştürücü

🌈

Renk paleti oluşturucu

🌊

CSS degrade oluşturucu