거북이처럼 천천히

HTML/CSS - 아이콘 무료 사이트 추천 ( Font awesome ) 본문

Front-end/HTML + CSS

HTML/CSS - 아이콘 무료 사이트 추천 ( Font awesome )

유로 청년 2022. 3. 2. 17:38

앱 및 웹 제작에서 많이 사용되는 요인 중 하나인 아이콘을 무료로 이용할 수 있는 사이트를 추천 드리고자 합니다. 

바로 Font awesome (https://fontawesome.com/search?s=solid%2Cbrands) 입니다. 

 

무료 버전과 유로 버전으로 나뉘지만, 무료 버전에서도 다양한 아이콘을 이용할 수 있습니다.

 

 

사용 방법)

 

1.  <body> 내에 마지막 부분에 아래 <script> 추가

 

<script

  src="https://kit.fontawesome.com/6478f529f2.js"

  crossorigin="anonymous"

></script>

 

 

2. Fontawesome 홈페이지에서 아이콘 검색 (5.15.4 버전으로 검색)

​

 

3) HTML으로 설정한 뒤, <i> tag로 구성된 code 복사하여 붙어넣기

'Front-end > HTML + CSS' 카테고리의 다른 글

HTML/CSS - pseudo-class, pseudo-element  (0) 2022.05.18
HTML/CSS - 꿀팁 ( Tips - part 2 )  (0) 2022.05.15
HTML/CSS - 꿀팁 ( Tips )  (0) 2022.03.05
HTML/CSS - animation  (0) 2022.03.03
HTML/CSS - action, method  (0) 2022.03.03
'Front-end/HTML + CSS' Related Articles more