Software Alternatives, Accelerators & Startups

Sketch VS Heroicons

Compare Sketch VS Heroicons and see what are their differences

Sketch logo Sketch

Professional digital design for Mac.

Heroicons logo Heroicons

Beautiful, free SVG icons from the makers of Tailwind CSS.
  • Sketch Landing page
    Landing page //
    2023-10-20
  • Heroicons Landing page
    Landing page //
    2023-02-25

Sketch

Website
sketch.com
$ Details
-
Release Date
2010 January
Startup details
Country
The Netherlands
State
Zuid-Holland
City
The Hague
Founder(s)
Emanuel Sá
Employees
10 - 19

Heroicons

Pricing URL
-
$ Details
Release Date
-

Sketch videos

Sketch Review | Vikram | Tamil Talkies

More videos:

  • Review - Sketch vs. Photoshop: The 5 Things Sketch Can Do That Photoshop Can’t
  • Review - sketch review by prashanth

Heroicons videos

The Perfect Icons for Tailwind CSS: Heroicons

Category Popularity

0-100% (relative to Sketch and Heroicons)
Graphic Design Software
100 100%
0% 0
Web Icons
0 0%
100% 100
Design Tools
76 76%
24% 24
Image Editing
100 100%
0% 0

User comments

Share your experience with using Sketch and Heroicons. 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 Sketch and Heroicons

Sketch Reviews

10 Best Figma Alternatives in 2024
Sketch is another best Figmawith alternative and it is a professional digital design tool used for creating user interfaces and user experience designs. It is popular among designers for its simple interface, powerful features, and focus on vector-based design.
Top 10 Figma Alternatives for Your Design Needs | ClickUp
Sketch started out as a vector editing platform, and it still boasts options like shorthand math operators and effortless editing for multiple borders, making the design process easier.
Source: clickup.com
Figma Alternatives: 12 Prototyping and Design Tools in 2024
Sketch is a popular design tool used by many freelancers due to its wide range of tools at your disposal. You can create artboards, animated interactions, and prototypes and preview them through the Sketch app on desktop and iOS devices.
5 Figma Alternatives for UI & UX Designers
Regarding community involvement, Sketch is definitely up there with the best of them. There are dozens of active Sketch freebie websites, and Sketch has a Plugin system, on top of things like Extensions and Integrations. They also have a fantastic free course that serves as an introduction to design basics, but more importantly – the interface and capabilities of Sketch.
Source: stackdiary.com
10 Best Adobe Illustrator Alternatives
Sketch is designed for vector designers, but if you need basic editing features, it is also a good fit.

Social recommendations and mentions

Based on our record, Heroicons seems to be a lot more popular than Sketch. While we know about 66 links to Heroicons, we've tracked only 3 mentions of Sketch. 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.

Sketch mentions (3)

  • How to make a Portfolio!?
    Start by building the PDF version, as that's easier. I use Sketch (sketch.com) for designing layout. Source: over 1 year ago
  • TurboPad Vector Illustration
    This TG-16 controller was originally drawn in Fireworks CS4 waaaaaay back in the day, but I re-drew it by hand using simple shapes and effects in Sketch and Figma. Source: over 1 year ago
  • Starting off as a UI/UX Designer.
    Every designer has to choose their preferred design tool where they can implement their prototypes.Try Figma, Sketchand Adobe XD. These are the main tools, try each and find your favorite, as for me I love Figma(Very good in collaboration). - Source: dev.to / over 2 years ago

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 / 4 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 / 5 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 / 7 months ago
  • 29 Websites For Free Icon Sets
    Heroicons - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. - Source: dev.to / 8 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 / 9 months ago
View more

What are some alternatives?

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

Figma - Team-based interface design, Figma lets you collaborate on designs in real time.

Tabler Icons - 550+ free fully customizable SVG icons

Inkscape - Inkscape is a free, open source professional vector graphics editor for Windows, Mac OS X and Linux.

Feather Icons - Simply beautiful open source icons

Affinity Designer - Professional creative software, exclusively for Mac.

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!