이윰

본문 바로가기

아이콘

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

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

Icons

Font Awesome 5 Icons

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

[ 사용방법 ]

.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>

위 예제와 같이 <i> 태그 클래스에 아이콘명을 넣어줍니다. <i class="fa* fa-아이콘명"></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>

위 예제와 같이 <i> 태그 클래스에 아이콘명을 넣어줍니다. <i class="bi bi-아이콘명"></i>

사이트 내 전체검색