SVG 폰트 만들기

Figma 목록

 

SVG를 선택하고 export SVG 합니다.

 

 

 

https://icomoon.io/app/#/select

위 사이트에서 import icon을 누릅니다.

svg 파일을 모두 선택합니다.

 

Select All을 누릅니다.

 

 

 

Generate Font를 누릅니다.

 

 

아이콘 이름을 설정하고 Download 합니다.

 

 

 

압축을 풀고 style.css를 열어보면 

.icon-contract:before {
  content: "\e900";
}

위와 같은 형태로 아이콘이 적용되어 있습니다.

 

 

 

demo.html 파일을 열어서 코드를 변경해 봅니다.

 

 

브라우저에서 열어 확인 해봅니다.

 

 

size와 color도 변경해 봅니다.

 

 

 

 

 

Figma 목록