본문 바로가기
카테고리 없음

Line Awesome 사용하기

by 오다다 코드 봄똥 2020. 7. 30.

코드만 넣으면 아이콘이 뽕!!!

엄청나게 편한 Line Awesome의 사용방법에 대해 알아봅시다.

 

https://icons8.com/line-awesome

 

Download free icons, music, stock photos, vectors

Designers, download the design stuff for free — icons, photos, UX illustrations, and music for your videos.

icons8.com

 

사이트에 접속해서 코드만 복사해오면 사용이 가능하다.

그 전에 css를 설치해야 한다.

 

1. 설치하기

Getting Started 버튼을 눌러 설치 페이지로 이동한다.

 

1. CDN에서로드

Font Awesome이 이미치되어있는 경우 간단히 Line Awesome을 사용하도록 링크를 전환할 수 있다.

CDN 링크 중 3번째 주소를 복사해 head 태그 안에 붙여넣는다.

 

2. 다운로드하기

내 컴퓨터에 line-Awesome을 다운 받아 사용할 수 있다.

 


2. 태그로 적용하기

원하는 아이콘을 선택 후 클릭하면 소스코드가 들어있는 레이어가 뜬다.

i태그를 클릭하여 복사 후 원하는 곳에 붙여넣기 한다.

<i class="las la-fish"></i> 

 

3. 가상 선택자(::before, ::after)로 적용하기

 

댓글0