SF Symbols Support for Logseq

Hi there, as far as I know, sf symbols (SF Symbols - Apple Developer) doesn’t show correctly in Logseq.

Is there plan for supporting it?

I think those 4400 sf symbols will be great option for the icon:: property - emojis is fine but not enough :slight_smile:

Uhm, I’m using them quiet a bit. Just make sure that you include “SF Pro” somewhere when defining the fonts in your custom.css. Then just copy-paste the icons you want from the SF Symbols App.

:root {  
  --ls-font-family: "Calibri", "Helvetica Neue", "SF Pro";

hi zeitlings, I just did what you said, it works in the text area but not in the ::icon property :frowning:

Isn’t the YAML style frontmatter deprecated? :thinking:
Did you try icon:: ?


I tried, doesn’t work :rofl:

Hmm. In your custom.css, are you perhaps modifying .ls-page-title or .page-title or anything related to it? Perhaps .cp__sidebar-main-content h1.title?

One thing you could try is adding the font family explicitly to one of those classes. Especially, if the icons do render correctly in the LHS sidebar.

.ls-page-title.title {
  font-family: var(--ls-font-family), "SF Pro";