iOS 관련 디바이스에 사용되는 아이콘은 아이콘 폰트를 사용하고 있습니다.
SF Symbols을 설치하고 복사해서 사용할 수 있습니다. (사용 시 폰트 설정은 SF pro로 해주셔야 보입니다)
매번 아이콘을 찾아 헤멜 필요가 없습니다.
다만, 폰트 크기 조절에 따라 아이콘 굵기도 달라질 수 있어서 확인이 필요합니다.
SF Fonts
iOS에서는 애플에서 디자인한 샌프란시스코 서체가 사용됩니다.
그 중 SF Pro 폰트를 설치 해주세요! ( 폰트 설정을 SF pro로 해주셔야 아이콘이 표현됩니다 )
Fonts - Apple Developer
Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps.
developer.apple.com
SF Symbols이란?
Apple 플랫폼의 시스템 글꼴인 San Francisco와 완벽하게 통합되도록 설계된 6,000개가 넘는 심볼 라이브러리입니다. 심볼은 9가지 두께와 3가지 스케일로 제공되며, 텍스트와 자동으로 정렬되고, 벡터 그래픽 편집 도구를 사용하여 내보내고 편집하여 공유된 디자인 특성과 접근성 기능이 있는 사용자 지정 심볼을 만들 수 있습니다. SF Symbols 6는 새롭고 향상된 애니메이션, 업데이트된 주석 도구, 800개가 넘는 새로운 심볼을 제공합니다.
SF Symbols을 Figma, XD, PPT 또는 이미지에서 사용하려면?
SF Symbols를 다운받고, 설치해 주세요!
SF Symbols - Apple Developer
With over 6,000 symbols, SF Symbols is a library of iconography designed to integrate seamlessly with San Francisco, the system font for Apple platforms.
developer.apple.com
검색 창을 통해 SF Symbols을 검색 후 원하는 파일을 복사해서 사용하시면 됩니다.
컨트롤 C,V도 가능합니다.
SF Symbols 개발에서 사용방법
SF Symbols는 샌프란시스코 시스템 글꼴과 완벽하게 통합되는 수천 개의 일관되고 구성 가능성이 뛰어난 심볼을 제공하며, 모든 굵기와 크기의 텍스트에 자동으로 정렬됩니다.
렌더링 모드로 단색은 물론, 계층을 표현하거나 특정 구간에 포인트도 줄 수 있으며, 멀티컬러 또한 사용이 가능합니다.
디자인 변형 및 애니메이션도 가능합니다.
SF Symbols | Apple Developer Documentation
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.
developer.apple.com
UI에서 심볼 이미지 구성 및 표시 방법
앱의 텍스트와 통합되는 확장 가능한 이미지를 만들고, 해당 이미지의 모양을 동적으로 조정합니다.
Configuring and displaying symbol images in your UI | Apple Developer Documentation
Create scalable images that integrate with your app’s text, and adjust the appearance of those images dynamically.
developer.apple.com
렌더링 모드(_:) SwiftUI가 이미지를 그대로 렌더링하는지, 아니면 다른 모드를 사용하여 렌더링하는지를 나타냅니다.
renderingMode(_:) | Apple Developer Documentation
Indicates whether SwiftUI renders an image as-is, or by using a different mode.
developer.apple.com
'개발 공부 > iOS' 카테고리의 다른 글
| Mac, MacBook M1, M2, M3, 맥에서 외장하드 연결 시 인식 및 쓰기 권한 확인 하기 (1) | 2024.12.16 |
|---|
