Генератор SVG-паттернов
Бесшовные паттерны фона за секунды.
Выберите паттерн, размер и цвета, чтобы создать повторяемый SVG-фон. Скопируйте SVG-код или скачайте файл для сайтов, приложений или инструментов дизайна.
Паттерн
24px
Цвет паттерна
Фон
<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-паттерн
- Выберите тип паттерна: точки, сетка или волны.
- Задайте размер плитки ползунком.
- Выберите цвет паттерна и цвет фона.
- Скопируйте SVG-код или скачайте файл .svg.
Часто задаваемые вопросы
Эти паттерны бесшовные?
Да. Каждая плитка спроектирована так, чтобы повторяться без видимых швов при использовании фоном CSS.
Как использовать паттерн на моём сайте?
Укажите скачанный SVG-файл в CSS через background-image: url(pattern.svg) или вставьте скопированный SVG прямо в разметку.
Можно ли потом редактировать SVG?
Конечно. Результат — чистый SVG-текст, открываемый в любом редакторе или программе дизайна.