Bootstrap <i> 태그의 아이콘 종류 찾기 (fontawesome, icon)

황제낙엽 2023.07.09 04:48 조회 수 : 81

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