Генератор паттернов

Создание SVG-паттернов для фонов

Обработка в браузереВаши данные не покидают браузер

Pattern Type

Size (px)

Primary Color

Secondary Color

Stroke Width

Opacity

Preview

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
  <rect width="100%" height="100%" fill="#ffffff"/>
  <circle cx="10" cy="10" r="2" fill="#6366f1" opacity="1"/>
</svg>

CSS Background

background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20fill%3D%22%236366f1%22%20opacity%3D%221%22%2F%3E%0A%3C%2Fsvg%3E");

Pattern Presets

About Генератор паттернов

Создание SVG-паттернов для фонов

Use this free online генераторы tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.

Генератор паттернов

About Генератор паттернов

Processing

Похожие инструменты