Repository navigation
Glyph Names
Every hk: icon, and the SF Symbol it is drawn from — 232 symbols in all, listed one per line in tools/sf_symbols/symbols.txt. You don’t need this table to build the glyph file; it is for finding a symbol in the SF Symbols app, checking what an icon should look like, or exporting the symbols another way.
A symbol name that your version of SF Symbols doesn’t have (Apple renames one now and then) stops the build with its name. Search for the icon in the SF Symbols app to find the new name, and open an issue so the list can be updated.
| Icon | SF Symbol | Note |
|---|---|---|
hk:air-conditioner |
air.conditioner.horizontal.fill |
|
hk:air-filter |
aqi.medium |
|
hk:air-humidifier |
humidifier.fill |
|
hk:air-humidifier-active |
humidifier.and.droplets.fill |
|
hk:air-humidifier-off |
humidifier.fill |
|
hk:air-purifier |
air.purifier.fill |
|
hk:alarm |
alarm.fill |
|
hk:alarm-light |
light.beacon.max.fill |
|
hk:alarm-light-off |
light.beacon.min.fill |
|
hk:alert-circle |
exclamationmark.circle.fill |
|
hk:amplifier |
amplifier |
|
hk:apple |
apple.logo |
|
hk:apple-tv |
appletv.fill |
|
hk:archive |
archivebox.fill |
|
hk:arrow-down-bold |
arrow.down |
|
hk:arrow-up-bold |
arrow.up |
|
hk:audio-video |
hifireceiver.fill |
|
hk:awning |
window.awning.closed |
|
hk:backspace-outline |
delete.backward |
|
hk:bag-suitcase |
suitcase.fill |
|
hk:balloon |
balloon.fill |
|
hk:bathtub |
bathtub.fill |
|
hk:battery-alert-variant-outline |
minus.plus.batteryblock.exclamationmark.fill |
|
hk:battery-arrow-up-outline |
battery.100percent.bolt |
|
hk:battery-charging |
battery.100percent.bolt |
|
hk:battery-high |
battery.100percent |
|
hk:battery-lock |
minus.plus.batteryblock.fill |
|
hk:bed |
bed.double.fill |
|
hk:bed-king |
bed.double.fill |
|
hk:bed-king-outline |
bed.double |
|
hk:bed-outline |
bed.double |
|
hk:bed-single-outline |
bed.double |
|
hk:bell |
bell.fill |
|
hk:blinds-horizontal |
blinds.horizontal.open |
|
hk:blinds-horizontal-closed |
blinds.horizontal.closed |
|
hk:blinds-open |
blinds.horizontal.open |
|
hk:blinds-vertical |
blinds.vertical.open |
|
hk:blinds-vertical-closed |
blinds.vertical.closed |
|
hk:bookshelf |
books.vertical.fill |
|
hk:camera |
video.fill |
|
hk:car |
car.fill |
|
hk:ceiling-fan |
fan.ceiling.fill |
|
hk:ceiling-fan-light |
fan.and.light.ceiling.fill |
|
hk:ceiling-light |
lamp.ceiling.fill |
|
hk:ceiling-light-multiple |
chandelier.fill |
|
hk:cellphone |
iphone |
|
hk:chandelier |
lamp.ceiling.inverse |
|
hk:check-bold |
checkmark |
|
hk:christmas-tree |
— | Material Design shape, included (not Apple’s) |
hk:clock |
clock.fill |
|
hk:coach-lamp |
lamp.table.fill |
|
hk:coffee |
cup.and.saucer.fill |
|
hk:contact-sensor |
contact.sensor.fill |
|
hk:cross-latin |
— | Material Design shape, included (not Apple’s) |
hk:curtains |
curtains.open |
|
hk:curtains-closed |
curtains.closed |
|
hk:dehumidifier |
dehumidifier.fill |
|
hk:desk |
table.furniture.fill |
|
hk:desk-lamp |
lamp.desk.fill |
|
hk:desktop-tower |
desktopcomputer |
|
hk:dishwasher |
dishwasher.fill |
|
hk:dock-left |
sidebar.left |
|
hk:door-closed-lock |
door.left.hand.closed |
|
hk:door-french |
door.french.closed |
|
hk:door-open |
door.left.hand.open |
|
hk:door-sliding |
door.sliding.left.hand.closed |
|
hk:door-sliding-open |
door.sliding.left.hand.open |
|
hk:doorbell-video |
video.doorbell.fill |
|
hk:dresser |
cabinet.fill |
|
hk:ev-plug-tesla |
ev.plug.dc.nacs.fill |
|
hk:ev-station |
ev.charger.fill |
|
hk:fan |
fan.fill |
|
hk:fan-desk |
fan.desk.fill |
|
hk:fan-floor |
fan.floor.fill |
|
hk:fan-off |
fan.fill |
|
hk:faucet |
sink.fill |
|
hk:fire |
flame.fill |
|
hk:fireplace |
fireplace.fill |
|
hk:floor-lamp |
lamp.floor.fill |
|
hk:flower |
leaf.fill |
|
hk:fridge |
refrigerator.fill |
|
hk:fridge-outline |
refrigerator |
|
hk:gamepad-variant |
gamecontroller.fill |
|
hk:garage |
door.garage.closed |
|
hk:garage-double |
door.garage.double.bay.closed |
|
hk:garage-open |
door.garage.open |
|
hk:garage-open-variant |
door.garage.open |
|
hk:garage-variant |
door.garage.closed |
|
hk:gate |
pedestrian.gate.closed |
|
hk:gate-open |
pedestrian.gate.open |
|
hk:gesture-tap-button |
button.programmable |
|
hk:guitar-acoustic |
guitars.fill |
|
hk:hanger |
hanger |
|
hk:heat-wave |
heat.waves |
|
hk:home |
house.fill |
|
hk:home-battery |
batteryblock.fill |
|
hk:home-battery-outline |
bolt.house |
|
hk:home-lightning-bolt |
bolt.house.fill |
|
hk:home-thermometer |
thermometer.medium |
|
hk:homepod |
homepod.fill |
|
hk:homepod-mini |
homepod.mini.fill |
scaled to 0.868 |
hk:hvac |
air.conditioner.vertical.fill |
|
hk:key-variant |
key.fill |
|
hk:lamp |
lamp.table.fill |
|
hk:laptop |
laptopcomputer |
|
hk:led-strip-variant |
light.strip.2.fill |
|
hk:light-flood-down |
light.beacon.max.fill |
|
hk:light-recessed |
light.recessed.fill |
|
hk:light-switch |
lightswitch.on.fill |
|
hk:lightbulb |
lightbulb.fill |
|
hk:lightbulb-fluorescent-tube |
light.tube.rays |
|
hk:lightbulb-group |
light.recessed.3.fill |
|
hk:lightbulb-multiple |
lightbulb.2.fill |
|
hk:lightbulb-night |
lightbulb.min.fill |
|
hk:lightbulb-on |
lightbulb.max.fill |
|
hk:lightbulb-outline |
lightbulb.fill |
|
hk:lightbulb-spot |
light.recessed.inverse |
|
hk:lightbulb-variant |
lightbulb.led.wide.fill |
|
hk:lightning-bolt |
bolt.fill |
|
hk:link-variant |
link |
|
hk:location-enter |
arrow.forward.to.line |
|
hk:lock |
lock.fill |
|
hk:lock-open-variant |
lock.open.fill |
|
hk:lock-smart |
entry.lever.keypad.fill |
|
hk:mailbox-up |
envelope.fill |
|
hk:menu |
line.3.horizontal |
|
hk:microwave |
microwave.fill |
|
hk:molecule-co |
carbon.monoxide.cloud.fill |
|
hk:molecule-co2 |
carbon.dioxide.cloud.fill |
|
hk:monitor |
display |
|
hk:motion |
— | Material Design shape, included (not Apple’s) |
hk:motion-sensor |
sensor.fill |
|
hk:music |
music.note |
|
hk:music-circle |
music.quarternote.3 |
|
hk:outdoor-lamp |
lightbulb.led.fill |
|
hk:package-variant |
shippingbox.fill |
|
hk:party-popper |
party.popper.fill |
|
hk:pause |
pause.fill |
|
hk:paw |
pawprint.fill |
|
hk:pine-tree |
tree.fill |
|
hk:pipe-leak |
pipe.and.drop.fill |
|
hk:play |
play.fill |
|
hk:pool |
figure.pool.swim |
|
hk:popcorn |
popcorn.fill |
|
hk:pot |
frying.pan.fill |
|
hk:pot-steam |
cooktop.fill |
|
hk:power-plug |
powerplug.fill |
|
hk:power-plug-battery-outline |
poweroutlet.type.b.fill |
|
hk:power-socket-us |
poweroutlet.type.b.fill |
|
hk:power-strip |
poweroutlet.strip.fill |
|
hk:printer |
printer.fill |
|
hk:printer-3d |
printer.fill |
|
hk:projector |
videoprojector.fill |
|
hk:radiator |
heater.vertical.fill |
|
hk:radio |
radio.fill |
|
hk:remote |
switch.programmable.fill |
|
hk:remote-tv |
av.remote.fill |
|
hk:robot-vacuum |
robotic.vacuum.fill |
|
hk:roller-shade |
roller.shade.closed |
|
hk:roman-shade |
roman.shade.closed |
|
hk:roman-shade-open |
roman.shade.open |
|
hk:router-wireless |
wifi.router.fill |
|
hk:run-fast |
figure.run |
|
hk:scent |
humidifier.and.droplets.fill |
|
hk:seat |
chair.fill |
|
hk:seat-recline-extra |
chair.lounge.fill |
|
hk:server |
server.rack |
|
hk:server-network |
server.rack |
|
hk:shield-alert |
exclamationmark.shield.fill |
|
hk:shield-home |
checkmark.shield.fill |
|
hk:shield-lock |
lock.shield.fill |
|
hk:shield-off |
shield.slash.fill |
|
hk:shower |
shower.fill |
|
hk:sign-direction |
signpost.right.fill |
|
hk:silverware-fork-knife |
fork.knife |
|
hk:skip-next |
forward.end.fill |
|
hk:skip-previous |
backward.end.fill |
|
hk:skylight |
window.ceiling.closed |
|
hk:sleep |
powersleep |
|
hk:smoke-detector |
smoke.fill |
|
hk:snowflake |
snowflake |
|
hk:sofa |
sofa.fill |
|
hk:sofa-outline |
sofa |
|
hk:sparkles |
sparkles |
|
hk:speaker |
hifispeaker.fill |
|
hk:speaker-multiple |
hifispeaker.2.fill |
|
hk:speaker-play |
hifispeaker.fill |
|
hk:speedometer |
gauge.with.dots.needle.67percent |
|
hk:spigot |
spigot.fill |
|
hk:sprinkler |
sprinkler.fill |
|
hk:sprinkler-variant |
sprinkler.and.droplets.fill |
|
hk:stairs |
stairs |
|
hk:star-fill |
star.fill |
|
hk:stove |
stove.fill |
|
hk:string-lights |
light.ribbon.fill |
|
hk:sword |
wand.and.rays |
|
hk:table-furniture |
table.furniture.fill |
|
hk:tablet |
ipad |
|
hk:teddy-bear |
teddybear.fill |
|
hk:television |
tv.fill |
|
hk:television-speaker |
tv.and.hifispeaker.fill |
|
hk:thermometer-water |
drop.degreesign.fill |
|
hk:thermostat |
thermometer.variable |
|
hk:timer-sand |
hourglass |
|
hk:toaster-oven |
oven.fill |
|
hk:toggle-switch |
switch.2 |
|
hk:toggle-switch-off-outline |
togglepower |
|
hk:toilet |
toilet.fill |
|
hk:transmission-tower |
bolt.horizontal.fill |
|
hk:transmission-tower-import |
bolt.horizontal.circle.fill |
|
hk:transmission-tower-off |
bolt.horizontal.circle |
|
hk:trash-can |
trash.fill |
|
hk:tumble-dryer |
dryer.fill |
|
hk:tune-variant |
slider.horizontal.3 |
|
hk:vanity-light |
light.panel.fill |
|
hk:volume-high |
speaker.wave.2.fill |
|
hk:walk |
figure.walk |
|
hk:wall-sconce |
light.cylindrical.ceiling.fill |
|
hk:wall-sconce-flat |
light.cylindrical.ceiling.inverse |
|
hk:washing-machine |
washer.fill |
|
hk:watch |
applewatch |
|
hk:water |
drop.fill |
|
hk:water-alert |
drop.triangle.fill |
|
hk:water-boiler |
spigot.fill |
|
hk:water-percent |
humidity.fill |
|
hk:waves |
water.waves |
|
hk:weather-lightning |
cloud.bolt.fill |
|
hk:weather-night |
moon.fill |
|
hk:weather-partly-cloudy |
cloud.sun.fill |
|
hk:weather-sunset-up |
sunrise.fill |
|
hk:webcam |
web.camera.fill |
|
hk:white-balance-sunny |
sun.max.fill |
|
hk:wifi |
wifi |
|
hk:window-closed |
window.horizontal.closed |
|
hk:window-closed-variant |
window.vertical.closed |
|
hk:window-open |
window.horizontal |
|
hk:window-open-variant |
window.vertical.open |
|
hk:window-shutter |
window.shade.closed |
|
hk:window-shutter-open |
window.shade.open |
|
hk:wrench |
wrench.adjustable.fill |
|
hk:apple-tv |
appletv.fill |
two-tone |
hk:homepod |
homepod.fill |
two-tone |
hk:homepod-mini |
homepod.mini.fill |
two-tone; scaled to 0.868 |
hk:speaker |
hifispeaker.fill |
two-tone |
hk:television |
tv |
two-tone |
Drawn in color in the header, the menu and the Weather page, not as hk: icons.
| SF Symbol |
|---|
sun.max.fill |
moon.stars.fill |
cloud.sun.fill |
cloud.moon.fill |
cloud.fill |
cloud.fog.fill |
cloud.hail.fill |
cloud.bolt.fill |
cloud.bolt.rain.fill |
cloud.heavyrain.fill |
cloud.rain.fill |
cloud.moon.rain.fill |
cloud.snow.fill |
cloud.sleet.fill |
wind |
exclamationmark.triangle.fill |
Repository · Latest release · Report a problem
HK Frontend is an independent project, not affiliated with or endorsed by Apple Inc. Apple, HomeKit, SF Pro and SF Symbols are trademarks of Apple Inc.
Start here
Screens
- How screens work
- The Home page
- Rooms
- Status chips
- Status rows
- Cameras
- Pages
- Climate
- The menu
- The tab bar
- Detail sheets & pop-ups
- Accessories
Look
Features
Wall tablets
Build your own
Apple’s font & glyphs
When it breaks