> For the complete documentation index, see [llms.txt](https://miniring.gitbook.io/hig/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://miniring.gitbook.io/hig/icons-and-images/untitled.md).

# System Icons

The system provides built-in icons that represent common tasks and types of content in a variety of use cases.

시스템은 다양한 사용 사례에서 일반적인 작업 및 콘텐츠 유형을 나타내는 내장 아이콘을 제공합니다.

* Navigation Bar and Toolbar Icons
* Tab Bar Icons
* Home Screen Quick Action Icons

It’s a good idea to use these built-in icons as much as possible because they're familiar to people.

사람들에게 친숙하기 때문에 이러한 기본 제공 아이콘을 최대한 많이 사용하는 것이 좋습니다.

**Use system icons as intended.** Every system-provided image has a specific, well-known meaning. To avoid confusing users, it’s essential that each image be used in accordance with its meaning and recommended usage.

**의도된대로 시스템 아이콘을 사용하십시오.** 모든 시스템 제공 이미지에는 특정한 잘 알려진 의미가 있습니다. 혼란을 주지 않으려면 각 이미지를 의미와 권장 용도에 따라 사용해야합니다.

**Provide alternative text labels for icons.** Alternative text labels aren’t visible onscreen, but they let VoiceOver audibly describe what's onscreen, making navigation easier for people with visual impairments.

**아이콘에 대체 텍스트 레이블을 제공하십시오.** 대체 텍스트 레이블은 화면 상에 보이지 않지만, VoiceOver는 화면 상에 무엇이 들리는지를 설명 할 수있어 시각 장애가있는 사람들이 쉽게 탐색 할 수 있습니다.

**Design a custom icon if you can’t find a system-provided one that meets your needs.** It’s better to design your own than to misuse a system-provided image. See [Custom Icons](https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/).

**시스템 요구 사항에 맞는 시스템 제공 아이콘을 찾을 수 없는 경우 사용자 정의 아이콘을 디자인하십시오.** 시스템 제공 이미지를 잘못 사용하는 것보다 자신의 시스템을 설계하는 것이 좋습니다.

### Navigation Bar and Toolbar Icons

Use the following icons in [navigation bars](https://developer.apple.com/design/human-interface-guidelines/ios/bars/navigation-bars/) and [toolbars](https://developer.apple.com/design/human-interface-guidelines/ios/bars/toolbars/). For developer guidance, see [UIBarButtonSystemItem](https://developer.apple.com/documentation/uikit/uibarbuttonsystemitem).

{% hint style="info" %}
*Tip* You can use text instead of icons to represent items in a navigation bar or toolbar. For example, Calendar uses “Today,” “Calendars,” and “Inbox” in the toolbar. You can also use a fixed space element to provide padding between navigation and toolbar icons.

네비게이션바 또는 툴바에서 아이콘 대신 텍스트를 사용하여 항목을 나타낼 수 있습니다. 예를 들어, 캘린더는 툴바에서 "오늘", "캘린더"및 "받은 편지함"을 사용합니다. 고정된 공간 요소를 사용하여 네비게이션 및 툴바 아이콘 사이에 패딩을 제공 할 수도 있습니다.
{% endhint %}

![](https://456331454-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LMot2GVuk_VozHU_SdE%2F-LOqJ44hI5eQ1QuMaZz9%2F-LOqJODa0Wr_qK7IWu_s%2FSystem%20Icons%20-%20Icons%20and%20Images%20-%20iOS%20-%20Human%20Interface%20Guidelines%20-%20Apple%20Developer%202018-09-20%2011-22-50.png?alt=media\&token=28b748e2-a7f2-4c24-ad51-cf7ecabef85a)

![](https://456331454-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LMot2GVuk_VozHU_SdE%2F-LOqJ44hI5eQ1QuMaZz9%2F-LOqJVUm0NGNNbgO9p6O%2FSystem%20Icons%20-%20Icons%20and%20Images%20-%20iOS%20-%20Human%20Interface%20Guidelines%20-%20Apple%20Developer%202018-09-20%2011-23-22.png?alt=media\&token=f4aa132d-df79-478a-b0b1-7b742382d8f3)

### Tab Bar Icons

Use the following icons in [tab bars](https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/). For developer guidance, see [UITabBarSystemItem](https://developer.apple.com/documentation/uikit/uitabbarsystemitem).

![](https://456331454-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LMot2GVuk_VozHU_SdE%2F-LOqJ44hI5eQ1QuMaZz9%2F-LOqJZseJoakKuEdlko1%2FSystem%20Icons%20-%20Icons%20and%20Images%20-%20iOS%20-%20Human%20Interface%20Guidelines%20-%20Apple%20Developer%202018-09-20%2011-23-37.png?alt=media\&token=4c15b7bd-4bd8-4d7d-9350-8f84fc9f1a1b)

### Home Screen Quick Action Icons

Use the following icons in [home screen quick action](https://developer.apple.com/design/human-interface-guidelines/ios/extensions/home-screen-actions/) menus. For developer guidance, see [UIApplicationShortcutIconType](https://developer.apple.com/documentation/uikit/uiapplicationshortcuticontype).

![](https://456331454-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LMot2GVuk_VozHU_SdE%2F-LOqJ44hI5eQ1QuMaZz9%2F-LOqJes0J9_2uSD68XHa%2FSystem%20Icons%20-%20Icons%20and%20Images%20-%20iOS%20-%20Human%20Interface%20Guidelines%20-%20Apple%20Developer%202018-09-20%2011-23-54.png?alt=media\&token=993d9e0b-4694-4af3-8137-2b87ca96d4aa)

![](https://456331454-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LMot2GVuk_VozHU_SdE%2F-LOqJ44hI5eQ1QuMaZz9%2F-LOqJjFaGjvUO3GjiFux%2FSystem%20Icons%20-%20Icons%20and%20Images%20-%20iOS%20-%20Human%20Interface%20Guidelines%20-%20Apple%20Developer%202018-09-20%2011-24-21.png?alt=media\&token=2378e470-a586-411f-922e-e92718fb2b9a)

![](https://456331454-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LMot2GVuk_VozHU_SdE%2F-LOqJ44hI5eQ1QuMaZz9%2F-LOqJs9M_9QF26i0dpVM%2FSystem%20Icons%20-%20Icons%20and%20Images%20-%20iOS%20-%20Human%20Interface%20Guidelines%20-%20Apple%20Developer%202018-09-20%2011-24-31.png?alt=media\&token=d194f406-e74a-4cbb-988f-6e0504952ff4)

[System Icons - Icons and Images - iOS - Human Interface Guidelines - Apple Developer](https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/system-icons/)
