"아이오니콘스 Ionicons"의 두 판 사이의 차이

2019년 3월 10일 (일) 22:42 기준 최신판

1 개요[ | ]

Ionicons
아이오니콘스, 이온아이콘스, 이오니콘스

"이오닉 프레임워크를 위한 프리미엄 폰트"
오픈소스. MIT 라이선스

2 예시[ | ]

<script src="//unpkg.com/ionicons@4/dist/ionicons.js"></script>

<ion-icon name="home" size="large"></ion-icon>
<ion-icon name="heart" size="large"></ion-icon>
<ion-icon name="compass" size="large"></ion-icon>

3 같이 보기[ | ]

4 참고[ | ]

@@ 1번째 줄: / 1번째 줄: @@
 ==개요==
-;ionicons
+;Ionicons
 ;아이오니콘스, 이온아이콘스, 이오니콘스
 *"이오닉 프레임워크를 위한 프리미엄 폰트"
 *오픈소스. MIT 라이선스
-http://ionicons.com/img/ionicons-logo.png
 ==예시==
-*예제: http://zetawiki.com/ex/ionicons/hello.html
 <source lang='html5'>
-<link rel='stylesheet' href='http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'>
+<script src="//unpkg.com/ionicons@4/dist/ionicons.js"></script>
-<i class="icon ion-home"></i>
-<i class="icon ion-gear-a"></i>
-<i class="icon ion-compass"></i>
-<i class="icon ion-android-add-circle"></i>
-<hr><hr><hr>
-<i class="icon ion-home" style='font-size:24px'></i>
+<ion-icon name="home" size="large"></ion-icon>
-<i class="icon ion-gear-a" style='font-size:32px'></i>
+<ion-icon name="heart" size="large"></ion-icon>
-<i class="icon ion-compass" style='font-size:64px'></i>
+<ion-icon name="compass" size="large"></ion-icon>
-<i class="icon ion-android-add-circle" style='font-size:128px'></i>
 </source>
-<jsfiddle height='260' styles='result'>b53v9mfq</jsfiddle>
+<jsfiddle>b53v9mfq</jsfiddle>
 ==같이 보기==
@@ 30번째 줄: / 19번째 줄: @@
 *[[HTML i 태그]]
-==참고 자료==
+==참고==
 *http://ionicons.com/
 *https://github.com/driftyco/ionicons
-[[분류: CSS]]
+[[분류: ionicons]]
-[[분류: 아이콘]]
+[[분류: 아이콘 웹폰트]]