Consider switching from octicons to lucide icons

[tuurep]

Followup: #233
Related: #141 (comment)

About the icons, I would strongly prefer to avoid introducing a second source of icons. The Octicons probably have something suitable. If not, I'd rather switch to whatever new source for everything instead of having two.

Initial reasons I'm suggesting to switch to Lucide:

1. in alerts customization, while octicons are perfect for GitHub's default alerts, they're disappointingly limited for anything a little more creative
   • lucide on the other hand would be very nice for that, plus the focus on consistency would make this a nice "default namespace" for our icons
2. in Obsidian style callouts #233 we allow providing the svgs outside of octicons, but usually they don't work just like that, because octicons are colored using fill: <color>, and e.g. lucide are colored using stroke: <color>. So if you'd want to supplement octicons with lucide, the icons are by default completely filled.

Replacements for all our current octicons with lucide:

	octicon	lucide
Back button	chevron-left	chevron-left
Dir icon	file-directory-fill	folder (would be filled)
File icon	file	file
Copy button	copy	copy
Copy check	check	check
Copy error	x	x
Alert: note	info	info
Alert: tip	light-bulb	lightbulb
Alert: important	report	message-square-warning
Alert: warning	alert	alert
Alert: caution	stop	octagon-alert

What's important to me is that if replaced by these, the icons would look just as appropriate. I'll make some comparisons with screenshots later.

[tuurep]

Btw thanks @Praczet for the tip about lucide icons (though it was a year ago not sure if you remember :))

[tuurep]

I might change my mind about this, simply because I think octicons look better :/

And today when I tested recreating some of Obsidian's default alerts, all had a really fitting counterpart in octicons:

The different way to fill the icons remains a problem in any case, to show what I mean:

1. I download this lucide icon: https://lucide.dev/icons/flower
2. I place it in ./icons/flower.svg
3. I configure an alert as "icons": { "flower": "./icons/flower.svg" }

Looks like this:

If it wasn't for this, it would already be ideal to default to octicons, and allow supplementing with lucide by downloading some icons.

[tuurep]

Tried supplementing with some FontAwesome icons instead:

These don't have the fill problem but have a bit of a (perceived) size problem instead, but could be quite workable.

@jannis-baum I'm probably going to suggest we stick with octicons afterall.

[jannis-baum]

Nice sounds good. Should we close this then?

[tuurep]

Yes, this makes the most sense,

Looking at all of the default markers of Obsidian, I can say that every single one has a corresponding octicon

(although [!QUOTE] is a bit of an outlier but it's a bit of an Obsidian quirk; our regular blockquote looks similar to Obsidian [!QUOTE])

Using lucide is still possible by tweaking some styles on:

.alert-title svg { fill: ?, stroke: ? }

Could be messy but at least everything is customizable.

[tuurep]

[!ABSTRACT] was one where there's not an exact replacement in octicons, but I actually prefer project-roadmap for it over the one Obsidian uses: clipboard-list

The closest to a "clipboard" octicon has is an empty clipboard: paste

IMO, looks bad.

Another good choice for [!ABSTRACT] in octicons: note

[tuurep]

All of Obsidian's default alert types, using octicons: