Nerd Fonts VS Heroicons

Nerd Fonts Reviews

Heroicons Reviews

1. Guest

   8 months ago

Nerd Fonts mentions (16)

• Is there a way to shorten the Laptop, CPU and GPU name so that it fits inside the box on neofetch

  # Just get your distro's logo off nerdfonts.com. Source: 11 months ago

• (Help) LuaLine Border Character is off

  When I saw this it was because my terminal was using a separate font for the nerd fonts. I switched to a patched font from that site which I think also scales the symbols correctly. Source: about 1 year ago

• Appreciation post for T.J. Townsend

  Go to nerdfonts.com and find there these icons and copy them to your configuration files. I don't know why, but there are some difference in the same icons from other sites to be properly show by nerd fonts. Source: over 1 year ago

• How to enable powerlevel10k for terminal in vscode

  I'd recommend https://nerdfonts.com for your programming typography needs, it has a nice browser. Source: over 1 year ago

• Jet Brains Mono - Issue with icons in nvim-tree and lualine not displaying, have changed fonts but still issue persists.

  And also, you should have researched more. Setting a mono font doesn't do, you have to use a patched font with the icons, download something from https://nerdfonts.com and set it, that should fix it. Source: over 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