Icons - HomeKit - Technologies - Human Interface Guidelines - Design

HomeKit icons

Use the HomeKit icon in setup or instructional communications related to HomeKit technology.

A black outlined HomeKit icon over a light gray background.

A white outlined HomeKit icon over a dark gray background.

Use only Apple-provided HomeKit icons. Don't create your own HomeKit icon design or attempt to mimic the Apple-provided designs. Download HomeKit icons in Resources.

Styles

You have several options for displaying the HomeKit icon.

Black HomeKit icon

Use the HomeKit icon on white or light backgrounds when other technology icons appear in black.

Three black icons on a white background in a horizontal row, including the HomeKit icon, a generic icon of four triangles pointing inward to form a diamond, and a generic icon of a circle inside the outline of a circle.

White HomeKit icon

Use the HomeKit icon on black or dark backgrounds when other technology icons appear in white.

Three white icons on a gray background in a horizontal row, including the HomeKit icon, a generic icon of four triangles pointing inward to form a diamond, and a generic icon of a circle inside the outline of a circle.

Custom color HomeKit icon

Use a custom color when other technology icons appear in the same color.

Three slate blue icons on a white background in a horizontal row, including the HomeKit icon, a generic icon of four triangles pointing inward to form a diamond, and a generic icon of a circle inside the outline of a circle.

Apple Home app icon

Use only when referencing the Apple Home app. You can also use the Apple Home app icon as a button to open the Apple Home app product page in the App Store.

The Apple Home App icon, a stylized house with a chimney on the right side of its roof, depicted in graduated shades of orange in a white square against a gray background.

Icon usage

Position the HomeKit icon consistently with other technology icons. When other technology icons are contained within shapes, the HomeKit icon can be treated in the same manner.

Use the HomeKit icon noninteractively. The icon and the name HomeKit shouldn't be used in custom interactive elements or buttons. As previously mentioned, you can use the Home App icon to open the Apple Home App product page in the App Store.

The HomeKit icon in a gray circle, positioned over a dark gray button with the word 'HomeKit.' The image is in a red circle with a diagonal red line to indicate using the icon with the button is incorrect.

Don't use the HomeKit icon within text or as a replacement for the word HomeKit. See Editorial guidelines to learn how to properly reference HomeKit in text.

The first in a series of images showing examples of the HomeKit icon when used in text. In this example, the icon appears first in the line, and then the text 'Lights set with HomeKit.' This example is accompanied by a green checkmark in a circle to indicate that it is correct.

The second in a series of images showing examples of the HomeKit icon when used in text. This example depicts the icon after the word 'with' in the text 'Lights set with HomeKit.' This example is accompanied by a red X to indicate it is incorrect.

The third in a series of images showing examples of the HomeKit icon when used in text. This example depicts the icon at the end of the line of text that reads 'Lights set with', with the icon used in place of the word 'HomeKit.' This example is accompanied by a red X to indicate it is incorrect.

Pair the icon with the name HomeKit correctly. You can show the name below or beside the icon if other technologies are referenced in this way. Use the same font that's used on the rest of your layout. For related guidance, see Editorial Guidelines.

Mockup of three white app icons listed in a vertical row on a slate blue Set up screen, including the HomeKit icon at the top, a generic icon of a circle made up of dashes pointing inward, and a generic icon of a stylized phone device in a circle. On the Set up screen, each icon is accompanied by the name of the app next to the icon and two light gray lines to represent descriptive text.

Using the icon and name in setup or instructional content

Mockup of four app icons in a square on a black Apps screen, including the orange Apple Home App icon and a generic icon of four blue triangles pointing inward to form a diamond, and a generic icon of a red circle inside the outline of a circle and a generic icon of three green squares overlapping on a diagonal on the bottom row. The names of the apps appear below the icons.