kvndrsslr / sketchybar-app-font

A symbol font for sketchybar, initialized with the symbols from simple-bar

sketchybar-app-font

A ligature-based symbol font and a mapping function for sketchybar, inspired by simple-bar's usage of community-contributed minimalistic app icons. Please feel free to contribute icons or add applications to the mappings through PRs.

If you can't contribute yourself, you can ask for icons in issues and maybe someone will work on those issues, but please note that I'm not committed to work on those issues myself.

However, I will try to merge all PRs asap.

CLI Usage

# install dependencies
pnpm install
# - build the files
# - install the font to: $HOME/Library/Fonts/sketchybar-app-font.ttf
# - install the icon map script to: $HOME/.config/sketchybar/icon_map.sh
pnpm run build:install 
# - build the files
# - install the font to: $HOME/Library/Fonts/sketchybar-app-font.ttf
# - replace the icon map function in the given script
pnpm run build:install -- $HOME/.config/sketchybar/scripts/my-script.sh
# same as build:install but watches changes to files in ./svgs and ./mappings and refires
pnpm run build:dev
pnpm run build:dev -- $HOME/.config/sketchybar/scripts/my-script.sh

Configure Sketchybar

Using icon_map.sh

source ./path/to/icon_map.sh

__icon_map "${app_name}"
symbol_ligature="${icon_result}"

Set up auto-replacing the icon map function in your own script

1. Mark where the function should be inserted to:

### START-OF-ICON-MAP
# Here be the function
### END-OF-ICON-MAP

2. Run the install script with the argument pointing at the path of the file that has the markers:

pnpm run build:install -- $HOME/.config/sketchybar/scripts/my-script.sh

Contribution Guideline

(Core method copied from Jean-Tinland/simple-bar#164 (comment))

For each icon I'm following these steps:

1. I'm getting the original icon or, if not in a vector format I'm redrawing it in Figma. No need to be extremely precise as it is displayed in a really small size)
2. I'm setting the new icon in a 24x24 viewbox
3. Then I'm optimising it using SVGOMG
4. Add the icon to /svgs/ folder, using a snake_case name surrounded by colons and a '.svg' extension
5. Add a file to /mappings/ using the same name but without the '.svg' extension. This file indicates which app names should match the icon. The format is "App Name 1" | "App Name 2"

sketchybar-app-font's Issues

How to Obtain a ttf

I have a question, how should I process all the svg files i have added and generete a new .ttf file ?

License for redistribution

Hey, I'm trying to add the font to nixpkgs so it's easier to deploy. Can you add a LICENSE or clarify the licensing for the packaging.

PR: NixOS/nixpkgs#246906

Unlicense invalid in some jurisdictions

Hi, I see you have added the Unlicense to your project. Unfortunately, the Unlicense is invalid in some jurisdictions, such as Germany, where I live. Under German law it is impossible to renounce all rights to one's creative work.

This means that to German users, this is the same as having no license and also that any contributions by German users cannot be licensed under the Unlicense. This includes my contribution of the Orion logo.

Please consider using a different license, such as CC0, which has equivalent intent, but works in all jurisdictions that I'm aware of.

zotero svg is all black.

Is it a my problem?

Request to add Map Icon

The map icon could be used for either Apple Maps or Google Maps.

It could look like this: https://github.com/feathericons/feather/blob/main/icons/map.svg

Thank you

iTerm2 key wrong - iTerm instead of iTerm2

There's a small mistake in the icon_map.sh key for iTerm2. It should be 'iTerm2' instead of just 'iTerm' for the icon to be displayed.

Request to Add icon for Inkdrop

Inkdrop is quite popular note app https://www.inkdrop.app/

Cypress icon

Thanks for SketchyBar, your config and this font.
If possible can Cypress icon be added?
https://github.com/cypress-io/cypress/blob/develop/packages/frontend-shared/src/assets/icons/cypress-logo_x16.svg

I cant get ligatures working

I installed the latest icons:

curl -L https://github.com/kvndrsslr/sketchybar-app-font/releases/download/v2.0.5/sketchybar-app-font.ttf -o $HOME/Library/Fonts/sketchybar-app-font.ttf

I use kitty as a terminal.

Now to the problem: I can't add any new icons from the font book. I tried writing for example :slack: but it does not render the icon or show up in the bar. I also tried copying from the font book without a result.

I don't understand why this is not working since the icons are in the font book and the terminal supports ligatures. Any ideas would be appreciated.

Request to add Opera and Opera GX

Request to add PyCharm icon

Some of JetBrains IDEs icons are already present, like IntelliJ Idea or WebStorm, but PyCharm.

How is this used?

I've tried a number of ways to get this to work for sketchybar including sourcing this in my icons script and then doing this:

icon_map "Firefox"
FIREFOX="${icon_result}"

This just results in ":firefox:" which isn't an icon. Can I see an example of how you used this with sketchybar? I don't see it in your dotfiles repo.

Request to add Microsoft Outlook

Could you please add the icon for Microsoft Outlook?

Thank you very much!

[Request] Arc Browser

I'm not so sure what the 'correct' way to tackle this one would be.. if anyone as happy with this browser as I am is willing to take this on, I would be so grateful.. thank you!

Xcode icon not rendered

As reported here there seems to be an issue with the Xcode icon:

FelixKratz/dotfiles#11

The icon doesn't seem to render properly. Mappings are looking good, so that shouldn't be the cause.

[Icon request] Logseq

Icon source: https://github.com/logseq/logseq/blob/master/resources/icon.png
App name: Logseq

Alternatively, how to change this to SVG, so I can follow the guideline and send a PR?

Request to Add Icons for Fusion 360 and Bambulab Slicer

Hello, I'm using Sketchybar and I would like to request icons for Fusion 360 and Bambulab Slicer.

I have prepared SVG icons here: