site_link1 https://fontawesome.com/v4/icons/ 
site_link2  
site_link3  

fontawesome 사이트에서 검색을 통해 원하는 아이콘을 찾은 후 다음과 같이 아이콘의 이름을 i 엘리먼트의 class 속성에 설정하면 된다

'volume-up' 아이콘을 출력하려고 한다면 <i class="fas fa-volume-up text-warning"></i>

 

화면 캡처 2024-06-20 215554.png

 

번호 제목 글쓴이 날짜 조회 수
50 Hello React 황제낙엽 2025.04.04 13
49 Bootstrap Icons 황제낙엽 2024.10.13 83
48 navbars 예제 황제낙엽 2024.07.15 110
47 Chatbot 용 디자인 템플릿 (ChatGPT) file 황제낙엽 2024.01.28 131
46 (Bing) Mustache 의 특징 황제낙엽 2023.12.21 83
45 문자열의 셀렉션 동작 구현 (<p>, <input>) 황제낙엽 2023.10.02 78
44 Bootstrap 5 Gallery Examples & Freebies 황제낙엽 2023.09.26 122
43 Small Business Template (Start Bootstrap) 황제낙엽 2023.09.25 85
42 Card Component 에 background image 출력하기 황제낙엽 2023.09.08 87
41 Bootstrap Gallery 를 상품 전시용으로 활용하기 위한 분석 황제낙엽 2023.09.06 88
40 dom element 에 collapse 적용하기 file 황제낙엽 2023.08.16 91
» <i> 태그의 아이콘 종류 찾기 (fontawesome, icon) file 황제낙엽 2023.07.09 82
38 Vanilla JS Datepicker 에서 locales 지정 (한국어로 출력) 황제낙엽 2023.06.19 197
37 Feather-icons (svg) 황제낙엽 2023.06.10 95
36 프레임셋처럼 외부페이지를 동적으로 로드하기 (from bing) 황제낙엽 2023.05.24 89
35 Modal 컴포넌트를 스크립트로 감추고 보이기 황제낙엽 2023.05.22 118
34 bootstrap free date-picker 종류 (from bing) 황제낙엽 2023.05.20 89
33 라디오 버튼을 선택 해제하는 샘플 코드 (from bing) 황제낙엽 2023.05.16 79
32 radio group 에서 아이템을 선택한 값 가져오기 황제낙엽 2023.05.15 93
31 부트스트랩(Bootstrap) 테마(Theme), 템플릿(Template) 무료 사이트 file 황제낙엽 2023.04.05 85