Bootstrap Icons VS Heroicons

Bootstrap Icons Reviews

Heroicons Reviews

1. Guest

   8 months ago

Bootstrap Icons mentions (19)

• My open source video editor made with Godot, editor layout progress + Roadmap

  Not sure if you already are using, but bootstrap has a lot of readymade icons for a project like this. Source: 5 months ago

• Merge your first Pull Request - Prepare for the Hacktoberfest 2023

  You can take the svg element from here. In the filter section type emoji and choose your desired emoji and copy the HTML. It will look like this. - Source: dev.to / 9 months ago

• How to Build A Reusable Dialog With Blazor and Plain Css

  💡 This step is optional, but I wanted to use an icon for the close dialog button, which you'll see in a minute, but if you want to follow along, head to https://icons.getbootstrap.com/ ,scroll all the way down, copy the CDN Link, and paste it in the head of index.html. - Source: dev.to / 9 months ago

• 5 Awesome GitHub Repositories To Contribute To!

  Bootstrap Icons are packaged up and published to npm. We only include the processed SVGs in this package—it's up to you and your team to implement. Read our docs for usage instructions. - 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

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 / 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 / 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