본문 바로가기
TOOL

Line Awesome 사용하기

by 오다다 코드 odada 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)로 적용하기

 

'TOOL' 카테고리의 다른 글

emmet 설정 변경  (0) 2020.08.14
emmet 사용하기  (0) 2020.08.13
Line Awesome 사용하기  (0) 2020.07.30
크롬 시크릿모드  (0) 2020.07.28
유용한 10가지 어도비 XD 플러그인  (0) 2020.07.24
XD 플러그인 추천  (0) 2020.07.24

댓글0