新主题

MUI HTML5

MUI

新主题

<div class="mui-content-padded">
	
	<span class="mui-icon mui-icon-contact"></span>
	<span class="mui-icon mui-icon-person"></span>
	<span class="mui-icon mui-icon-personadd"></span>
	<span class="mui-icon mui-icon-phone"></span>
	<span class="mui-icon mui-icon-email"></span>
	<span class="mui-icon mui-icon-chatbubble"></span>
	<span class="mui-icon mui-icon-chatboxes"></span>
	<span class="mui-icon mui-icon-weibo"></span>
	<span class="mui-icon mui-icon-weixin"></span>
	<span class="mui-icon mui-icon-pengyouquan"></span>
	<span class="mui-icon mui-icon-chat"></span>
	<span class="mui-icon mui-icon-videocam"></span>
	<span class="mui-icon mui-icon-camera"></span>
	<span class="mui-icon mui-icon-image"></span>
	<span class="mui-icon mui-icon-mic"></span>
	<span class="mui-icon mui-icon-micoff"></span>
	<span class="mui-icon mui-icon-location"></span>
	<span class="mui-icon mui-icon-map"></span>
	<span class="mui-icon mui-icon-compose"></span>
	<span class="mui-icon mui-icon-trash"></span>
	<span class="mui-icon mui-icon-upload"></span>
	<span class="mui-icon mui-icon-download"></span>
	<span class="mui-icon mui-icon-close"></span>
	<span class="mui-icon mui-icon-closeempty"></span>
	<span class="mui-icon mui-icon-redo"></span>
	<span class="mui-icon mui-icon-undo"></span>
	<span class="mui-icon mui-icon-refresh"></span>
	<span class="mui-icon mui-icon-refreshempty"></span>
	<span class="mui-icon mui-icon-reload"></span>
	<span class="mui-icon mui-icon-loop"></span>
	<span class="mui-icon mui-icon-spinner mui-spin"></span>
	<span class="mui-icon mui-icon-spinner-cycle mui-spin"></span>
	<span class="mui-icon mui-icon-star"></span>
	<span class="mui-icon mui-icon-starhalf"></span>
	<span class="mui-icon mui-icon-plus"></span>
	<span class="mui-icon mui-icon-plusempty"></span>
	<span class="mui-icon mui-icon-minus"></span>
	<span class="mui-icon mui-icon-checkmarkempty"></span>
	<span class="mui-icon mui-icon-search"></span>
	<span class="mui-icon mui-icon-home"></span>
	<span class="mui-icon mui-icon-navigate"></span>
	<span class="mui-icon mui-icon-gear"></span>
	<span class="mui-icon mui-icon-settings"></span>
	<span class="mui-icon mui-icon-list"></span>
	<span class="mui-icon mui-icon-bars"></span>
	<span class="mui-icon mui-icon-paperplane"></span>
	<span class="mui-icon mui-icon-info"></span>
	<span class="mui-icon mui-icon-help"></span>
	<span class="mui-icon mui-icon-locked"></span>
	<span class="mui-icon mui-icon-more"></span>
	<span class="mui-icon mui-icon-locked"></span>
	<span class="mui-icon mui-icon-flag"></span>
	<span class="mui-icon mui-icon-paperclip"></span>
	<span class="mui-icon mui-icon-back"></span>
	<span class="mui-icon mui-icon-forward"></span>
	<span class="mui-icon mui-icon-arrowup"></span>
	<span class="mui-icon mui-icon-arrowdown"></span>
	<span class="mui-icon mui-icon-arrowleft"></span>
	<span class="mui-icon mui-icon-arrowright"></span>
	<span class="mui-icon mui-icon-arrowthinup"></span>
	<span class="mui-icon mui-icon-arrowthindown"></span>
	<span class="mui-icon mui-icon-arrowthinleft"></span>
	<span class="mui-icon mui-icon-arrowthinright"></span>
	<span class="mui-icon mui-icon-pulldown"></span>
</div>
 注:有些图标是可以添加背景的,有些不可以。
<div class="mui-content-padded">
    <div class="flex-container">
     <span class="mui-icon mui-icon-contact active"></span>
     <span class="mui-icon mui-icon-contact-filled active"></span>
     <span class="mui-icon mui-icon-chatbubble"></span>
     <span class="mui-icon mui-icon-chatbubble-filled"></span>
     <span class="mui-icon mui-icon-chatboxes"></span>
     <span class="mui-icon mui-icon-chatboxes-filled"></span>
     <span class="mui-icon mui-icon-close mui-icon"></span>
     <span class="mui-icon mui-icon-close-filled"></span>
     <span class="mui-icon mui-icon-email"></span>
     <span class="mui-icon mui-icon-email-filled"></span>
     <span class="mui-icon mui-icon-gear"></span>
     <span class="mui-icon mui-icon-gear-filled"></span>
     <span class="mui-icon mui-icon-home"></span>
     <span class="mui-icon mui-icon-home-filled"></span>
     <span class="mui-icon mui-icon-help"></span>
     <span class="mui-icon mui-icon-help-filled"></span>
     <span class="mui-icon mui-icon-info"></span>
     <span class="mui-icon mui-icon-info-filled"></span>
     <span class="mui-icon mui-icon-location"></span>
     <span class="mui-icon mui-icon-location-filled"></span>
     <span class="mui-icon mui-icon-mic"></span>
     <span class="mui-icon mui-icon-mic-filled"></span>
     <span class="mui-icon mui-icon-minus"></span>
     <span class="mui-icon mui-icon-minus-filled"></span>
     <span class="mui-icon mui-icon-more"></span>
     <span class="mui-icon mui-icon-more-filled"></span>
     <span class="mui-icon mui-icon-person"></span>
     <span class="mui-icon mui-icon-person-filled"></span>
     <span class="mui-icon mui-icon-personadd"></span>
     <span class="mui-icon mui-icon-personadd-filled"></span>
     <span class="mui-icon mui-icon-phone"></span>
     <span class="mui-icon mui-icon-phone-filled"></span>
     <span class="mui-icon mui-icon-plus"></span>
     <span class="mui-icon mui-icon-plus-filled"></span>
     <span class="mui-icon mui-icon-refresh"></span>
     <span class="mui-icon mui-icon-refresh-filled"></span>
     <span class="mui-icon mui-icon-star"></span>
     <span class="mui-icon mui-icon-star-filled"></span>

     
    </div>
   </div>