Giriş yap

Asset

SVG Desen

Nokta, ızgara, çizgi ve artı desenlerinden tekrarlı SVG arka planı üret.

SVG
<svg xmlns='http://www.w3.org/2000/svg' width='240' height='160' viewBox='0 0 240 160'><defs><pattern id='p' width='24' height='24' patternUnits='userSpaceOnUse' patternTransform='rotate(0)'><circle cx='12' cy='12' r='2.5' fill='#6366F1'/></pattern></defs><rect width='100%' height='100%' fill='#FFFFFF'/><rect width='100%' height='100%' fill='url(#p)' opacity='1.00'/></svg>
CSS
background-color: #FFFFFF;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cdefs%3E%3Cpattern%20id%3D'p'%20width%3D'24'%20height%3D'24'%20patternUnits%3D'userSpaceOnUse'%20patternTransform%3D'rotate(0)'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'2.5'%20fill%3D'%236366F1'%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23p)'%20opacity%3D'1.00'%2F%3E%3C%2Fsvg%3E");
Uygulamada nasıl?
  1. 1SVG'yi indir (ya da kodu kopyala).
  2. 2File > Open ile aç ya da File > Place ile mevcut belgeye yerleştir.
  3. 3Vektör olarak düzenlemek için seçip Ungroup (Shift+Ctrl+G) yap; renkleri Fill'den değiştir.