done
done

SVG 아이콘 가져오기

여러 사이트가 있지만, 무료로 받을 수 있는 사이트 하나를 추천 합니다.
https://www.svgrepo.com/

A. SVG 아이콘 다운 받기

B. 다운 받은 아이콘을 브라우저에서 열어서 소스를 복사하세요.

  • <?xml 부분은 복사하지 않으셔도 됩니다.
  • <svg … 부분부터 … /svg> 부분까지만 복사해주세요.
  • 간혹 여러줄로 코딩된 svg 아이콘이 있습니다. 당황하지 마세요.
  • 이 경우에는 https://kangax.github.io/html-minifier/ 이런 사이트에 코드를 넣으면 코드를 한줄로 만들어 줍니다.

C. 복사한 코드를 커스텀 코드 영역에 넣어주세요.

  • 간단하게 SVG 를 넣는 방법은 여기까지 입니다.
  • 색상을 컨트롤 하는건 매우 깊은 공부가 필요합니다.
  • 너무 코드량이 긴 svg는 사용하지 마세요.
  • 어떤 경우엔 png가 더 나은 선택일 수 있습니다.