Material Icons VS Heroicons

Material Icons Reviews

Heroicons Reviews

1. Guest    

   7 months ago

Material Icons mentions (57)

• Menu Component with RiotJS (Material Design)

  An optional icon can be passed as an attribute if props.icon exists, it will show a Google Font Icon. - Source: dev.to / about 1 month ago

• Search Component with RiotJS (Material Design)

  The default search icon can be replaced with a Google Font Icon: Provide the attribute icon, accessible on the component with props.icon. - Source: dev.to / about 1 month ago

• Tabs Component with RiotJS (Material Design)

  A list of tabs must be passed as attribute, and it is accessible with props.tabs. Each object of the list will define properties of the tab: The label, an image, or an icon from Google Font Icons. - Source: dev.to / about 1 month ago

• Switch Component with RiotJS (Material Design)

  The component is instantiated with on the HTML. Add the attribute "icon" to display a Google Material Icon, such as. - Source: dev.to / about 2 months ago

• Show HN: Matex / Combine two materials icons

  (I'm not native English speaker, so I may use some wrong grammar. Also it's my first "Show HN" thing. Sorry) I made a simple CLI tool which combines two material icons into one like Edit Note icon (https://fonts.google.com/icons?selected=Material+Symbols+Outlined:edit_note:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=edit). - Source: Hacker News / 6 months 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 / 6 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