Hero Patterns VS Feather Icons

Hero Patterns

A collection of repeatable SVG background patterns

Feather Icons

Simply beautiful open source icons

Landing page //
2019-02-06

Landing page //
2021-09-24

@Acai28 Explains Clone Hero Patterns

Feather Icons videos

+ Add

Feather Nintendo Switch Review-FLY LIKE A BIRD!

Category Popularity

0-100% (relative to Hero Patterns and Feather Icons)

Feather Icons

Design Tools

23 23%

Design Tools

77% 77

Web Icons

0 0%

Web Icons

100% 100

Productivity

100 100%

Productivity

0% 0

Tech

100 100%

Tech

0% 0

User comments

Share your experience with using Hero Patterns and Feather Icons. For example, how are they different and which one is better?

Reviews

These are some of the external sources and on-site user reviews we've used to compare Hero Patterns and Feather Icons

Hero Patterns Reviews

6 Clever SVG Pattern Generators for Your Next Design

Hero Patterns, a project by UI designer and illustrator Steve Schoger, is a good place to start.

Source: www.sitepoint.com

Feather Icons Reviews

12 Best Free FontAwesome Alternatives in 2023

Feather Icons is a pack of awesome font icons that are simply beautiful. These open-source icons can be customized according to size, colour, and stroke width with ease. Moreover, you can find approximately 300 free open-source font icons in no time at all. It is quite straightforward to get started with these font icons, and developers, as well as designers, can use them...

Source: lineicons.com

7 Best Free Icon Libraries

It will be possible to represent each embed icon as an SVG, which means there will be no scaling or blurring issues. The Feather Icons library is not the lightest library, but it is still quick on a 2G network and is an excellent starting point since it has open source icons.

Source: www.atatus.com

Social recommendations and mentions

Based on our record, Feather Icons should be more popular than Hero Patterns. It has been mentiond 63 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Hero Patterns mentions (16)

Glam up my markup: beaches
Technical : I started with what I thought was going to be the hardest feature - the animated background. The subtle changing colors remind me of how waves come and go out of view. The pattern comes from https://heropatterns.com/ (CC BY 4.0). I thought I would need js for this, but using an external svg file + embedded style sheet is all this is. - Source: dev.to / 18 days ago
Top 10 SVG Pattern Generators
Hero Patterns: A collection of repeatable SVG background patterns for you to use on your web projects. - Source: dev.to / about 2 months ago
An Afternoon with SVGs | Frontend Challenge Entry
Next I spruced up my form's visuals a bit by heading to Google Fonts and finding one that had camping vibes - eventually landing on Amatic SC. Then I had the wild idea of making the form look like a piece of paper, so that I could make the submit button fold the paper up into an envelope or paper airplane and fly off screen if it was submitted successfully (This was EXTREMELY high hopes and I didn't even get... - Source: dev.to / 3 months ago
The 7 best plugins to use in your Tailwind project
Tailwind-heropatterns is a plugin that makes it easy to add beautiful SVG backgrounds to your website. The backgrounds the plugin provides come from Hero Patterns, a site that provides a collection of SVG patterns you can use in your project. The plugin provides utility classes to make it convenient to use these SVG patterns. - Source: dev.to / 9 months ago
How to generate those header beams like in the Tailwind docs?
Not animated. I thought there might be a tool for that like https://heropatterns.com/ or so, but I couldn't find one. Source: about 1 year ago

Feather Icons mentions (63)

29 Websites For Free Icon Sets
Feather - A collection of simply beautiful open source icons with an emphasis on simplicity, consistency and readability. - Source: dev.to / 9 months ago
Best Feather-inspired animated icon libraries for React
In this article, we’ll walk you through using Feather-inspired animated icon libraries in React applications and guide you through setting up a React project, adding and customizing icons using various libraries, and handling common issues like double rendering. - Source: dev.to / 11 months ago
Best way to get custom shapes?
Feather – Simply beautiful open source icons (feathericons.com). Source: 12 months ago
New Plugin: Magic Tags
Select the Icon Theme. Blueprint is the default for Roam Research. Roam Studio provides Feather Icons. Source: about 1 year ago
[Theme] Simply Simple FINAL version
As for the icons, grab 'em at Feather or SVGRepo. Source: about 1 year ago