feather VS MaterialDesign

Feather Icons

Feather - A collection of simply beautiful open source icons with an emphasis on simplicity, consistency and readability.

In this article, we’ll walk you through using Feather-inspired animated icon libraries in React applications and guide you through setting up a React project, adding and customizing icons using various libraries, and handling common issues like double rendering.

Select the Icon Theme. Blueprint is the default for Roam Research. Roam Studio provides Feather Icons.

Feather icons

Icon Sets Feather Iconic Tabler Icons Eva Icons Phosphor Icons Heroicons Atlas Icons

Feather icons - Great free library of icons with a Figma plugin

1️⃣Freepik 2️⃣Glyphis 3️⃣Font Awesome 4️⃣Smashicons 5️⃣Iconfinder 6️⃣Shape so 7️⃣Flaticon 8️⃣The Noun Project 9️⃣IcoMoon 1️⃣0️⃣Icons8 1️⃣1️⃣Iconmonstr 1️⃣2️⃣Feather Icons 1️⃣3️⃣Material Icons

Material Design Icons

Svelte Material Icons is an NPM package that gives you access to a large set of material icons as a Svelte-component, what makes integration much easier. In fact, the library offers even more icons than Googles official icon set, since they rely on materialdesignicons.com. Just run:

Instead of using Vuetify's default font icons, the project imports SVG icons from the mdi/js package at https://materialdesignicons.com. This saves approximately 1 MB in the final package.

Looks great. Might use them in my future projects. Currently I have been using Material Design Icons [0] for its broad icon gallery.

[0] https://materialdesignicons.com/

24. material design icons

What should be the icon for loot/pick-up? Ideally it would be a Material Design Icon.

If you are using an icon font like FontAwesome or MaterialDesignIcons, you get a nice source of vector clip art for buttons or other UI elements. If you are doing cross-platform app development, icon fonts can be used on each platform.

I like https://materialdesignicons.com - it’s Google material icons + community ones