Love to Hear From You! ×
Have any questions, feedback, bug to report? Is there something you'd want to see? Don't hesitate to reach out.

Pattern Backgrounds

87 Icons
79.5 kB Bundle

SVG Patterns that you can use as backgrounds. You can check out what they might look like from heropatterns.com.

4 Point Stars
Anchors Away
Architect
Autumn
Aztec
Bamboo
Bank Note
Bathroom Floor
Bevel Circle
Boxes
Brick Wall
Bubbles
Cage
Charlie Brown
Church On Sunday
Circles And Squares
Circuit Board
Connections
Cork Screw
Current
Curtain
Cutout
Death Star
Diagonal Lines
Diagonal Stripes
Dominos
Endless Clouds
Eyes
Falling Triangles
Fancy Rectangles
Flipped Diamonds
Floating Cogs
Floor Tile
Formal Invitation
Glamorous
Graph Paper
Groovy
Happy Intersection
Heavy Rain
Hexagons
Hideout
Houndstooth
I Like Food
Intersecting Circles
Jigsaw
Jupiter
Kiwi
Leaf
Line In Motion
Lips
Lisbon
Melt
Moroccan
Morphing Diamonds
Overcast
Overlapping Circles
Overlapping Diamonds
Overlapping Hexagons
Parkay Floor
Piano Man
Pie Factory
Pixel Dots
Plus
Polka Dots
Rails
Rain
Random Shapes
Rounded Plus Connected
Signal
Skulls
Slanted Stars
Squares In Squares
Squares
Stamp Collection
Steel Beams
Stripes
Temple
Texture
Tic Tac Toe
Tiny Checkers
Topography
Volcano Lamp
Wallpaper
Wiggle
X Equals
Yyy
Zig Zag
How to use? ×
1. Use as SVG Sprite
SVG Sprite method is recommended when you're using multiple icons on the same page. The sprite will be downloaded once, and URL fragments can be used to refer to different parts of the sprite.
<body style="background:url(//s.svgbox.net/heropatterns.svg?fill=805ad511#) #FFF;background-size:32px;">
2. Use a single icon
Only the icon mentioned is downloaded. Smaller download size, but multiple icons = multiple downloads.
<body style="background:url(//s.svgbox.net/heropatterns.svg?fill=805ad5#) #FFF;background-size:32px;">