아이콘을 그리다, 페이지 꾸미기 XEIcon

카테고리 : 소개/기타

먼저 적용방법은 아주 간단하다.

 

1. 사이트 <head> 태그 안에 아래의 코드를 붙입니다.

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">

 

이후

https://xpressengine.github.io/XEIcon/library-2.3.3.html

 

XEIcon, 문자를 그리다

XEICon은 웹사이트 제작에 최적화된 벡터 그래픽 아이콘 툴킷입니다. 여러분의 아름답고 직관적인 웹페이지 제작을 돕습니다.

xpressengine.github.io

여기의 목록을 참고해서 class이름을 써주면 된다 (설명에서는 i 태그를 쓰나 어떤 태그이던 class만 제대로쓰면 정상 작동 합니다.)

<span class="xi-home"></span>
<i class="xi-home"></i>
<div class="xi-home"></div>

등등 이렇게 적용이 가능하다

 

 

제로보드 XE 운영중인 xpressengine 에서 공개중인 무료 폰트형 그림이다

XEIcon : https://xpressengine.github.io/XEIcon/started.html

 

 

저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
(웹툴을 이용하고, 스크린샷/녹화하는것은 상관없습니다.)

예외적으로. 저에게 허락받은 경우에는 본문을 전재할 수 있습니다.

만약, 본문 공유를 원하신다면 링크 공유를 해주세요

저작권 정책 확인하기
링크 공유하기

 댓글 (0개)