Heroicons Reviews and details

Social recommendations and mentions

• 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 / 3 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 / 4 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 / 6 months ago

• 29 Websites For Free Icon Sets

  Heroicons - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. - Source: dev.to / 7 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 / 8 months ago

• Create an icon component from a SVG icon

  Copy some SVG icon (go here for example https://heroicons.com, and copy the SVG version). - Source: dev.to / 10 months ago

• Any exciting projects/tools

  So, I combined a lot of pieces together: - NextJS & React for frontend, with a bunch of libraries: - https://tailwindui.com/, https://heroicons.com/ & fontawesome, https://github.com/unlight/tailwind-components & flowbite - + a lot of small hacks, tweaks, inspirations from other websites, etc. Source: 11 months ago

• [Noob question] Icons library alternative

  Heroicons by the makers of Tailwind is another option. Grab the SVGs. Source: 12 months ago

• Icons package that does not add extra size to your main.js file and does not load a big font file

  This package is a modified clone of the https://pub.dev/packages/heroicons package, with the removal of the icons constants list. The purpose of this modification is to reduce the package size, particularly for web applications. In order to achieve this, we have opted for SVG icons instead of font icons such as Font Awesome, Material Icons, etc., which add approximately 1.5 MB to the web build. By removing the... Source: 12 months ago

• Linen.dev: The 500KB Slack Alternative

  With icons, I've stopped using icon libraries a while back and now import just the SVG code that I need. I'm a big fan of Hero Icons[1] and they offer a way to quickly copy JSX or SVG code to the clipboard to faciliate this workflow. [1]: https://heroicons.com/. - Source: Hacker News / about 1 year ago

• Building a calendar component with Tailwind and date-fns

  I am using heroicons (also created by makers of Tailwind CSS) to create buttons for fetching next and previous month. - Source: dev.to / about 1 year ago

• How could I achieve the green active tab in CSS?

  Not to mention that FontAwesome went the commercial route and it's just silly to pay $100 per year for a collection of icons, considering that there are much better things available for free, such as Bootstrap Icons or Hero Icons. Source: about 1 year ago

• Building a JSON to Typescript converter with React, NodeJS and ChatGPT 🚀

  Update the Copy.js file to contain the SVG icon from Heroicons. - Source: dev.to / about 1 year ago

• Building a forum with React, NodeJS

  I added two new components - Likes and Comments. They both contain SVG icons from Heroicons. - Source: dev.to / about 1 year ago

• Let's build: Dashboard Nav & Dropdowns with Tailwind & DaisyUI - part 3

  💡 For our icons we are using Hero Icons. - Source: dev.to / over 1 year ago

• A carousel with zooming active slide using react-spring-carousel

  And also, we want the navigation to work, we need to add it to the markup, (for the SVG, I just quickly copy it from Hero Icons):. - Source: dev.to / over 1 year ago

• How to make simple slideshow using cool CSS and JS features

  For the images I used pictures from https://picsum.photos, and for the .prev and .next buttons I used some icons from https://heroicons.com. - Source: dev.to / over 1 year ago

• Feather – Simply beautiful open source icons

  I love these icons! Have used them in a few projects. A similar project I also enjoy using is https://heroicons.com/. - Source: Hacker News / over 1 year ago

• Build Authentication Using Firebase | React | Express

  First, let’s install herocions to use the X icon in our alert. - Source: dev.to / over 1 year ago

• What icon set are you using with svelte? How do you like it?

  Company is standardized on Tailwind, been using https://heroicons.com, but I'm not in love with it. It's kinda short. Source: over 1 year ago

• How to change VTEX IO icons

  I'll give an example using an icon from Heroicons. - Source: dev.to / over 1 year ago