Генератор SVG-паттернов для фона

Точки, сетка, крестики — готовый CSS background за секунду.

Точки, сетка и крестики: шаг, цвет, прозрачность и CSS background в буфер. Бесшовный SVG-паттерн без файлов и сборки.

Как помогает

Соберите бесшовный паттерн: точки, сетка или крестики. Настройте размер, шаг ячейки, цвет и прозрачность. При необходимости включите маску затухания к краям.

Скопируйте CSS с data-URI SVG — вставьте в фон блока или секции без файлов и сборки.

UI-дизайнерам и верстальщикам, которым нужен лёгкий фон без картинок.

Возможности

✓Точки, сетка и крестики
✓Паттерны из Iconify и своих PNG/SVG
✓Шаг, размер, цвет и прозрачность
✓Маска радиального затухания
✓Копирование CSS background

Вопросы и ответы

Что делает «Генератор паттернов»?+

SVG-паттерны: точки, сетка и крестики. Цвет, шаг, прозрачность и CSS background в буфер. Соберите бесшовный паттерн: точки, сетка или крестики. Настройте размер, шаг ячейки, цвет и прозрачность. При необходимости включите маску затухания к краям.

Для кого этот инструмент?+

UI-дизайнерам и верстальщикам, которым нужен лёгкий фон без картинок.

Нужна ли подписка Про?+

«Генератор паттернов» бесплатный: без аккаунта и без карты. Про нужен только для градиентов, анимаций, аудита и генератора макетов.

Как открыть инструмент?+

Нажмите «Открыть инструмент» на этой странице. Всё работает в браузере, ничего устанавливать не нужно.