[iOS - swift] Xcode에서 svg(Scalable Vector Graphic) 이미지 사용 방법 (+ 저작권 없는 무료 아이콘 다운 방법)

이미지 아이콘 준비

• 저작권 없는 아이콘 다운로드: icooon-mono.com/
  • 퀄리티 좋은 svg는 없고 png만 존재하며 os별로 다운 옵션 존재하는 사이트: https://fonts.google.com/icons?selected=Material+Icons&icon.query=arrow

다운받은 이미지

SVG(Scalable Vector Graphic)의 개념

• 사양
  • iOS 13+
  • xcode 12+
• 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식
• 벡터 이미지는 특성상 확대를 해도 픽셀이 깨지지 않기 때문에 사용에 유용하며 파일의 크기가 작은 장점이 존재

312바이트

• 보통 @3x.png 파일의 크기는 3k바이트

Xcode에서 SVG 파일 사용 방법

• Single Scale 선택 후 사용

SVG vs PDF

• svg의 크기가 더욱 적기 때문에 svg를 지향
• PDF: Xcode6, iOS 8+ 지원

크기

• SVG: Xcode13, iOS 13+ 지원

크기