[Bootstrap] 구글 & 페이스북 이미지 아이콘 사용하기

# 로그인 + 아이콘

 

페이스북 로그인에 붙는 아이콘이 필요한 경우❔
아이콘을 다운로드해서 사용할 수 도 있지만 
font awsome css를 상단에 선언해서 사용하는 방법이 있다.

 

1> 'font awesome 4 cdn' 검색 후 링크 걸어주기 

<!--폰트어섬추가 -->
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

2> 'font awesome 4' 검색하기

(https://fontawesome.com/v4.7/icons/)

icons > 원하는 아이콘 찾기 

# "fa-원하는 아이콘명"

<i class="fa fa-facebook" aria-hidden="true"></i>
<i class="fa fa-google" aria-hidden="true"></i>

<button class="btn btn-lg btn-primary btn-block">
  <i class="fa fa-facebook" aria-hidden="true"></i>페이스북 로그인
</button>