Hero Patterns
Zondicons.
About Hero Patterns
Hero Patterns is a collection of repeatable SVG background patterns for use in web projects. Users can browse the pattern library and customize each pattern's foreground color, background color, and foreground opacity before use.
The tool generates CSS code for applying a selected pattern as a background, and also offers unstyled SVG downloads. Patterns are released under a CC BY 4.0 license and the collection is maintained by Steve Schoger, a UI designer and illustrator, who states it will remain free and continue to be updated.
The site is aimed at web developers and designers looking for ready-to-use background patterns. It also links to related projects by the same creator, including Heroicons (an icon set) and Zondicons (another SVG icon set).
Key features
- Repeatable SVG background patterns for web projects
- Customizable foreground and background colors
- Adjustable foreground opacity
- Download unstyled SVG or generated CSS code
- Licensed under CC BY 4.0
Frequently asked questions
Is Hero Patterns free to use?
Yes, Hero Patterns is free and the site states it will always remain free.
What license are the patterns under?
The patterns are licensed under CC BY 4.0.
Can I customize the pattern colors?
Yes, you can adjust the foreground color, background color, and foreground opacity.
In what format can I get the patterns?
You can download the unstyled SVG or copy the generated CSS code to apply the pattern.
Who is Hero Patterns for?
It is for web developers and designers looking for repeatable SVG background patterns for their web projects.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
Freepik
Illustration/ImageAll the assets you need, in one place. Find and download the best high-quality photos, designs, and mockups.
Getillustrations
IllustrationDownload stock illustration packs for websites, application and web design.
Haikei
IllustrationA web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!
humaaans
IllustrationMix-&-match illustrations of people with a design library for InVIsion Studio and Sketch.
Iconfinder
Icon/IllustrationMillions of graphics for your design projects. Created by independent designers.
Icons8
Icon/Illustration/ImageDownload design elements for free: icons, photos, vector illustrations, and music for your videos.
