Font Awesome에서 고려한 아이콘

Font Awesome 사용 방법

html에서 사용하는 경우

<i class="fas fa-caret-down"></i>

CSS와 함께 사용하는 경우

.icon-fa:after {
    font-family: "Font Awesome 5 Free";
    content: '\f0d8';
}

화살

caret-down

f0d7
<i class="fas fa-caret-down"></i>

caret-up

f0d8
<i class="fas fa-caret-up"></i>

arrow-down

f063
<i class="fas fa-arrow-down"></i>

angle-double-left

f100
<i class="fas fa-angle-double-left"></i>

스크린샷 2021-01-07 17.04.48.png

angle-double-right

f101
<i class="fas fa-angle-double-right"></i>

스크린샷 2021-01-07 17.07.01.png

chevron-left

f053
<i class="fas fa-chevron-left"></i>

스크린샷 2021-01-07 17.05.41.png

chevron-right

f054
<i class="fas fa-chevron-right"></i>

스크린샷 2021-01-07 17.06.24.png