SVG pattern backgrounds

A collection of 100+ free svg pattern backgrounds
Copy SVG
๐Ÿ‘‰ ย Check out more design tools ๐Ÿ‘ˆ

How to use these SVG backgrounds?

To use these CSS backgrounds simply copy the SVG code and paste it to any the HTML file. You can customise the backgrounds by using the editor above or making changes to the svg code

The CSS backgrounds are lightweight than an svg or an image.

Maker avatar image


Hey, I'm Dilpreet, the maker of Super Designer. I'm building simple design tools to make designing fun for everyone

This is my passion project so, I create new design tools every few weeks, get updates about new tools & follow the jouney on twitter.