Hack Nerd Font icon not appearing in bar

[alexdalat]

Inside plugins/weather.sh:

The icons 3+ (fog and after) all don't appear in Sketchybar even though they appear in my console. I am using iterm2 with the Hack Nerd Font selected and running sketchybar.

I have tried using different variations of $ICON but that did not seem to be the issue. Hack Nerd Font was downloaded using:

brew tap homebrew/cask-fonts
brew install --cask font-hack-nerd-font

I am on an M1 MacBook Air with MacOS Ventura 13.3 and the latest stable version of Sketchybar.

[FelixKratz]

Can you post the full query output for the item displaying this icon?

sketchybar --query <name>

[alexdalat]

{
    "name": "weather",
    "type": "item",
    "geometry": {
        "drawing": "on",
        "position": "right",
        "associated_space_mask": 0,
        "associated_display_mask": 0,
        "ignore_association": "off",
        "y_offset": 0,
        "width": 3,
        "padding_left": 3,
        "padding_right": -1,
        "background": {
            "drawing": "off",
            "color": "0x0",
            "border_color": "0x0",
            "border_width": 1,
            "height": 22,
            "corner_radius": 9,
            "padding_left": 3,
            "padding_right": 3,
            "y_offset": 0,
            "clip": 0.000000,
            "image": {
                "value": "(null)",
                "drawing": "off",
                "scale": 1.000000
            },
            "shadow": {
                "drawing": "off",
                "color": "0xff000000",
                "angle": 30,
                "distance": 5
            }
        }
    },
    "icon": {
        "value": ",",
        "drawing": "on",
        "highlight": "off",
        "color": "0xffcad3f5",
        "highlight_color": "0xff000000",
        "padding_left": 3,
        "padding_right": 0,
        "y_offset": 2,
        "font": "SF Pro Display:Semibold:18.00",
        "width": 0,
        "align": "left",
        "background": {
            "drawing": "off",
            "color": "0x0",
            "border_color": "0x0",
            "border_width": 0,
            "height": 0,
            "corner_radius": 0,
            "padding_left": 0,
            "padding_right": 0,
            "y_offset": 0,
            "clip": 0.000000,
            "image": {
                "value": "(null)",
                "drawing": "off",
                "scale": 1.000000
            },
            "shadow": {
                "drawing": "off",
                "color": "0xff000000",
                "angle": 30,
                "distance": 5
            }
        },
        "shadow": {
            "drawing": "off",
            "color": "0xff000000",
            "angle": 30,
            "distance": 5
        }
    },
    "label": {
        "value": "50°F",
        "drawing": "on",
        "highlight": "off",
        "color": "0xffcad3f5",
        "highlight_color": "0xff000000",
        "padding_left": 3,
        "padding_right": 0,
        "y_offset": 0,
        "font": "SF Pro Display:Semibold:13.00",
        "width": 0,
        "align": "right",
        "background": {
            "drawing": "off",
            "color": "0x0",
            "border_color": "0x0",
            "border_width": 0,
            "height": 0,
            "corner_radius": 0,
            "padding_left": 0,
            "padding_right": 0,
            "y_offset": 0,
            "clip": 0.000000,
            "image": {
                "value": "(null)",
                "drawing": "off",
                "scale": 1.000000
            },
            "shadow": {
                "drawing": "off",
                "color": "0xff000000",
                "angle": 30,
                "distance": 5
            }
        },
        "shadow": {
            "drawing": "off",
            "color": "0xff000000",
            "angle": 30,
            "distance": 5
        }
    },
    "scripting": {
        "script": "/Users/alexdalat/.config/sketchybar/plugins/weather.sh",
        "click_script": "(null)",
        "update_freq": 300,
        "update_mask": 0,
        "updates": "when_shown"
    },
    "bounding_rects": {
        "display-1": {
            "origin": [ 1374.000000, -1.000000 ],
            "size": [ 58.000000, 30.000000 ]
        }
    }
}

[FelixKratz]

The icon font is SF Pro Display while it should be set to a nerd font in order to display nerd font icons. To fix this set the font of the icon to a nerdfont:

sketchybar --set <name> icon.font="Hack Nerd Font:Regular:14.0"