railstart-niceadmin VS icons


Preview: https://start.rails365.net/admin

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

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

💡 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

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.

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.

Generally, I've always just stuck with whatever was the recommended set of icons (and the way to use them) with whatever front end solution I might have been working with.

For example, for Bootstrap, they have their own icon set: https://icons.getbootstrap.com/

It's the same for something like PrimeVue, which sits on top of Vue: https://primevue.org/icons

But at the same time it's really cool to be able to find custom icons easily and combine whatever you need yourself, even though I wouldn't trust myself to produce anything consistent and coherent like that.