SF Symbols

SF Symbols provides thousands of consistent, highly configurable symbols that integrate seamlessly with the San Francisco system font, automatically aligning with text in all weights and sizes.

SF Symbols는 San Francisco 시스템 글꼴과 원활하게 통합되어 모든 텍스트의 두께 및 크기에 맞춰서 자동으로 정렬되는 수천개의 일관되고 고도로 구성 가능한 심볼들을 제공한다.

Untitled

You can use a symbol to convey an object or concept wherever interface icons can appear, such as in navigation bars, toolbars, tab bars, context menus, and within text.

내비게이션 바, 툴바, 탭 바, 컨텍스트 메뉴 및 텍스트 내에서와 같이 인터페이스 아이콘이 나타날 수 있는 모든 곳에서 개체 또는 개념을 전달하기 위해 심볼을 사용할 수 있다.

Availability of individual symbols and features varies based on the version of the system you’re targeting. For example, if you add to your app bundle a symbol introduced in SF Symbols 3, you can use the symbol when your app runs in earlier platforms — such as iOS 13, Mac Catalyst 13, tvOS 13, or watchOS 6 — but without the benefit of SF Symbols 3 features like Hierarchical or Palette color rendering.

개별 심볼의 및 기능의 사용 가능 여부는 시스템의 버전에 따라 달라진다. 예를 들어, SF Symbols 3에 도입된 기호를 추가하면 iOS 13, Mac Catalyst 13, tvOS 13 또는 watchOS 6과 같은 이전 플랫폼에서 심볼을 사용할 수 있지만, 계층적(Hierarchical) 또는 팔레트 컬러 렌더링(Pallette color rendering)과 같은 기능은 사용할 수 없다.

Visit SF Symbols to download the app and browse the full set of symbols. Be sure to understand the terms and conditions for using SF Symbols, including the prohibition against using symbols — or images that are confusingly similar — in app icons, logos, or any other trademarked use. For developer guidance, see Configuring and displaying symbol images in your UI.

SF Symbols를 방문하여 앱을 다운로드하고 전체 심볼 세트를 찾아보자. 앱 아이콘, 로고 또는 기타 상표 사용에 심볼 이나 혼동을 일으킬 정도로 유사한 이미지를 사용하는 것에 대한 금지사항을 포함하여 SF 심볼 사용에 대한 이용약관을 반드시 이해해야 한다. 개발자 지침은 UI에서 심볼 이미지 구성 및 표시를 참조하자.

Rendering modes

SF Symbols 3 and later provide four rendering modes — monochrome, hierarchical, palette, and multicolor — that give you multiple options when applying color to symbols. For example, you might want to use multiple opacities of your app’s accent color to give symbols depth and emphasis, or specify a palette of contrasting colors to display symbols that coordinate with various color schemes.

SF Symbols 3이상은 단색(monochrome), 계층형(hierarchical), 팔레트(palette) 및 다색(multicolor)의 네 가지 렌더링 모드를 제공하여 기호에 색상을 적용할 때 여러 옵션을 제공한다. 예를 들어, 앱 강조 색상의 여러 불투명도를 사용하여 심볼에 깊이와 강조를 부여하거나 대비되는 색상 팔레트를 지정하여 다양한 색 구성표와 조화를 이루는 심볼을 표시할 수 있다.