ionic icon(图标)

ionic icon(图标)ionic 也默认提供了许多的图标，大概有 700 多个，针对 Android 和 iOS 有不同的样式。Ionic icons 官网: http://ionicons.com/国内图标样式 CDN 地址：https://cdn.staticfile.org/ionicons/2.0.1/css/ionicons.min.css。用法也非常的简单，由一个 icon 类及指定图标类组成，如：实例<i class="icon ion-star"></i><i class = "icon ion-happy-outline"></i><i class = "icon ion-ios-analytics"></i><i class = "icon ion-ios-eye"></i>尝试一下 ?我们可以通过 font-size 来设置图片的大小：实例.icon {font-size: 50px;}尝试一下 ?默认图标按钮：代码图标<i class="icon ion-ionic"></i><i class="icon ion-arrow-up-a"></i><i class="icon ion-arrow-right-a"></i><i class="icon ion-arrow-down-a"></i><i class="icon ion-arrow-left-a"></i><i class="icon ion-arrow-up-b"></i><i class="icon ion-arrow-right-b"></i><i class="icon ion-arrow-down-b"></i><i class="icon ion-arrow-left-b"></i><i class="icon ion-arrow-up-c"></i><i class="icon ion-arrow-right-c"></i><i class="icon ion-arrow-down-c"></i><i class="icon ion-arrow-left-c"></i><i class="icon ion-arrow-return-right"></i><i class="icon ion-arrow-return-left"></i><i class="icon ion-arrow-swap"></i><i class="icon ion-arrow-shrink"></i><i class="icon ion-arrow-expand"></i><i class="icon ion-arrow-move"></i><i class="icon ion-arrow-resize"></i><i class="icon ion-chevron-up"></i><i class="icon ion-chevron-right"></i><i class="icon ion-chevron-down"></i><i class="icon ion-chevron-left"></i><i class="icon ion-navicon-round"></i><i class="icon ion-navicon"></i><i class="icon ion-drag"></i><i class="icon ion-log-in"></i><i class="icon ion-log-out"></i><i class="icon ion-checkmark-round"></i><i class="icon ion-checkmark"></i><i class="icon ion-checkmark-circled"></i><i class="icon ion-close-round"></i><i class="icon ion-close"></i><i class="icon ion-close-circled"></i><i class="icon ion-plus-round"></i><i class="icon ion-plus"></i><i class="icon ion-plus-circled"></i><i class="icon ion-minus-round"></i><i class="icon ion-minus"></i><i class="icon ion-minus-circled"></i><i class="icon ion-information"></i><i class="icon ion-informaticon ion-circled"></i><i class="icon ion-help"></i><i class="icon ion-help-circled"></i><i class="icon ion-backspace-outline"></i><i class="icon ion-backspace"></i><i class="icon ion-help-buoy"></i><i class="icon ion-asterisk"></i><i class="icon ion-alert"></i><i class="icon ion-alert-circled"></i><i class="icon ion-refresh"></i><i class="icon ion-loop"></i><i class="icon ion-shuffle"></i><i class="icon ion-home"></i><i class="icon ion-search"></i><i class="icon ion-flag"></i><i class="icon ion-star"></i><i class="icon ion-heart"></i><i class="icon ion-heart-broken"></i><i class="icon ion-gear-a"></i><i class="icon ion-gear-b"></i><i class="icon ion-toggle-filled"></i><i class="icon ion-toggle"></i><i class="icon ion-settings"></i><i class="icon ion-wrench"></i><i class="icon ion-hammer"></i><i class="icon ion-edit"></i><i class="icon ion-trash-a"></i><i class="icon ion-trash-b"></i><i class="icon ion-document"></i><i class="icon ion-document-text"></i><i class="icon ion-clipboard"></i><i class="icon ion-scissors"></i><i class="icon ion-funnel"></i><i class="icon ion-bookmark"></i><i class="icon ion-email"></i><i class="icon ion-email-unread"></i><i class="icon ion-folder"></i><i class="icon ion-filing"></i><i class="icon ion-archive"></i><i class="icon ion-reply"></i><i class="icon ion-reply-all"></i><i class="icon ion-forward"></i><i class="icon ion-share"></i><i class="icon ion-paper-airplane"></i><i class="icon ion-link"></i><i class="icon ion-paperclip"></i><i class="icon ion-compose"></i><i class="icon ion-briefcase"></i><i class="icon ion-medkit"></i><i class="icon ion-at"></i><i class="icon ion-pound"></i><i class="icon ion-quote"></i><i class="icon ion-cloud"></i><i class="icon ion-upload"></i><i class="icon ion-more"></i><i class="icon ion-grid"></i><i class="icon ion-calendar"></i><i class="icon ion-clock"></i><i class="icon ion-compass"></i><i class="icon ion-pinpoint"></i><i class="icon ion-pin"></i><i class="icon ion-navigate"></i><i class="icon ion-location"></i><i class="icon ion-map"></i><i class="icon ion-lock-combination"></i><i class="icon ion-locked"></i><i class="icon ion-unlocked"></i><i class="icon ion-key"></i><i class="icon ion-arrow-graph-up-right"></i><i class="icon ion-arrow-graph-down-right"></i><i class="icon ion-arrow-graph-up-left"></i><i class="icon ion-arrow-graph-down-left"></i><i class="icon ion-stats-bars"></i><i class="icon ion-connecticon ion-bars"></i><i class="icon ion-pie-graph"></i><i class="icon ion-chatbubble"></i><i class="icon ion-chatbubble-working"></i><i class="icon ion-chatbubbles"></i><i class="icon ion-chatbox"></i><i class="icon ion-chatbox-working"></i><i class="icon ion-chatboxes"></i><i class="icon ion-person"></i><i class="icon ion-person-add"></i><i class="icon ion-person-stalker"></i><i class="icon ion-woman"></i><i class="icon ion-man"></i><i class="icon ion-female"></i><i class="icon ion-male"></i><i class="icon ion-transgender"></i><i class="icon ion-fork"></i><i class="icon ion-knife"></i><i class="icon ion-spoon"></i><i class="icon ion-soup-can-outline"></i><i class="icon ion-soup-can"></i><i class="icon ion-beer"></i><i class="icon ion-wineglass"></i><i class="icon ion-coffee"></i><i class="icon ion-icecream"></i><i class="icon ion-pizza"></i><i class="icon ion-power"></i><i class="icon ion-mouse"></i><i class="icon ion-battery-full"></i><i class="icon ion-battery-half"></i><i class="icon ion-battery-low"></i><i class="icon ion-battery-empty"></i><i class="icon ion-battery-charging"></i><i class="icon ion-wifi"></i><i clas