Software Alternatives, Accelerators & Startups

Heroicons VS Pattern Monster

Compare Heroicons VS Pattern Monster and see what are their differences

Heroicons logo Heroicons

Beautiful, free SVG icons from the makers of Tailwind CSS.

Pattern Monster logo Pattern Monster

Pattern Monster is a pattern maker app to create vector patterns for your projects
  • Heroicons Landing page
    Landing page //
    2023-02-25
  • Pattern Monster Landing page
    Landing page //
    2021-01-04

Heroicons

$ Details
Platforms
-
Release Date
-

Pattern Monster

$ Details
free
Platforms
Web
Release Date
2020 October

Heroicons videos

The Perfect Icons for Tailwind CSS: Heroicons

Pattern Monster videos

Website Background Patterns - A Thing of the Past or?

Category Popularity

0-100% (relative to Heroicons and Pattern Monster)
Web Icons
100 100%
0% 0
Design Tools
58 58%
42% 42
Design Tool
0 0%
100% 100
Vector Icons
100 100%
0% 0

User comments

Share your experience with using Heroicons and Pattern Monster. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare Heroicons and Pattern Monster

Pattern Monster Reviews

We have no reviews of Pattern Monster yet.
Be the first one to post

Social recommendations and mentions

Based on our record, Heroicons should be more popular than Pattern Monster. It has been mentiond 66 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.

Heroicons mentions (66)

  • Discord Clone Using Next.js and Tailwind - Part 3: Channel List
    We start with the toggle button. We want icons for this that we get from heroicons. Let’s create a new file in the ChannelList folder called Icons.tsx and paste the code for the icons here to have a solid separation:. - Source: dev.to / 5 months ago
  • Create responsive navbar with React and Tailwind using the same markdown
    Since we are on the mobile view we want to add a hamburger menu to toggle the links visibility. I am using heroicons. We use some basic react state to know whether or not the hambuger is open, and we conditionally render either the hamburger or an X. - Source: dev.to / 7 months ago
  • Using Heroicons with TailwindCSS
    Heroicons are SVG-based icons packaged by the creators of TailwindCSS. They come in two size variants, 20, which is suitable for small buttons and form elements, and a 24 size, that is useful for primary navigation buttons like call to action and hero sections. 24 size comes as solid and outline. - Source: dev.to / 8 months ago
  • 29 Websites For Free Icon Sets
    Heroicons - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. - Source: dev.to / 10 months ago
  • A simple theme switcher in React for Tailwind CSS
    These depedencies provide unstyled accessible components from headless ui, icons from heroicons and common hooks with typescript support. - Source: dev.to / 11 months ago
View more

Pattern Monster mentions (11)

  • Top 10 SVG Pattern Generators
    Pattern Monster: A simple online pattern generator to create repeatable SVG patterns. Perfect for website backgrounds, apparel, branding, packaging design and more. - Source: dev.to / 2 months ago
  • Where you find free good quality illustrations for your website
    SVG Patterns (if it counts as illustration:) https://pattern.monster/. Source: about 1 year ago
  • Creating a Memory Card Game with HTML, CSS, and JavaScript
    For the back of the card I'll use and SVG pattern, feel free to use the one you like the most from Pattern Monster. Also center the background image with background-position, and make it cover the full card by adding background-size: cover;. - Source: dev.to / over 1 year ago
  • Any tool suggestions for generating SVG thumbnails?
    I'd like to put together a POC to show some possible solutions. I know there are some tools out there such as https://pattern.monster/ and https://haikei.app/ which can generate images, but ideally this would be a library or at least an API I can hook into, so admins can just create templates in our admin application without having to go to an external site and manually knock a thumbnail up. Although not required,... Source: over 1 year ago
  • Advice on how to improve formatting for family trees?
    Bonus points for adding a custom background - pattern.monster is a must-use, in my personal, humble opinion. Source: almost 2 years ago
View more

What are some alternatives?

When comparing Heroicons and Pattern Monster, you can also consider the following products

Feather Icons - Simply beautiful open source icons

Patterninja - Create patterns online

Tabler Icons - 550+ free fully customizable SVG icons

SVG Stripe Generator - SVG Stripe Generator is an easy-to-use tool that enables you to create unlimited stripes and then download them to the device.

Font Awesome - Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!

PatternPad - Create beautiful geometric patterns