이윰

아이콘

본 페이지의 테마코드 활용법은 2022년 01월 이후 선보인 이윰빌더 시즌4 부트스트랩5 기반의 테마코드 활용법입니다.

이전 이윰빌더 시즌4 부트스트랩3 기반의 테마코드 활용법은 아래 링크를 참조하여 주시기 바랍니다.
http://e5net.eyoom.kr/page/eb4_code

Icons

Font Awesome 5 Icons

The Font Awesome Icons website is https://fontawesome.com/v5/search?m=free

폰트어썸5 아이콘 종류 보기

[ 사용방법 ]

.fas .fa-building
.far .fa-building
.fab .fa-html5

<i class="fas fa-building"></i>
<i class="far fa-building"></i>
<i class="fab fa-html5"></i>

위 예제와 같이  태그 클래스에 아이콘명을 넣어줍니다. 

Bootstrap Icons

The Bootstrap Icons website is https://icons.getbootstrap.com/

부트스트랩 아이콘 종류 보기

[ 사용방법 ]

<!--작업중인 파일 상단에 추가-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">

.bi .bi-bell

.bi .bi-building

.bi .bi-search

<i class="bi bi-bell"></i>
<i class="bi bi-building"></i>
<i class="bi bi-search"></i>

위 예제와 같이  태그 클래스에 아이콘명을 넣어줍니다. 