材质-内容图标 


材质-内容图标


本章介绍了Google(材料)内容图标的用法。假设custom是我们定义大小和颜色的CSS类名称,如下面的示例所示。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        
      <style>
         i.custom {font-size: 2em; color: green;}
      </style>
        
   
    
   
      <i class="material-icons custom">accessibility</i>
   
    

下表包含Google(材料)内容图标的用法和结果。用表中给出的代码替换上面程序的<body>标签,以获取相应的输出-

Usage Result
<i class=”material-icons custom”>add</i> add
<i class=”material-icons custom”>add_box</i> add_box
<i class=”material-icons custom”>add_circle</i> add_circle
<i class=”material-icons custom”>add_circle_outline</i> add_circle_outline
<i class=”material-icons custom”>archive</i> archive
<i class=”material-icons custom”>backspace</i> backspace
<i class=”material-icons custom”>block</i> block
<i class=”material-icons custom”>clear</i> clear
<i class=”material-icons custom”>content_copy</i> content_copy
<i class=”material-icons custom”>content_cut</i> content_cut
<i class=”material-icons custom”>content_paste</i> content_paste
<i class=”material-icons custom”>create</i> create
<i class=”material-icons custom”>drafts</i> drafts
<i class=”material-icons custom”>filter_list</i> filter_list
<i class=”material-icons custom”>flag</i> flag
<i class=”material-icons custom”>font_download</i> font_download
<i class=”material-icons custom”>forward</i> forward
<i class=”material-icons custom”>gesture</i> gesture
<i class=”material-icons custom”>inbox</i> inbox
<i class=”material-icons custom”>link</i> link
<i class=”material-icons custom”>mail</i> mail
<i class=”material-icons custom”>markunread</i> markunread
<i class=”material-icons custom”>redo</i> redo
<i class=”material-icons custom”>remove</i> remove
<i class=”material-icons custom”>remove_circle</i> remove_circle
<i class=”material-icons custom”>remove_circle_outline</i> remove_circle_outline
<i class=”material-icons custom”>reply</i> reply
<i class=”material-icons custom”>reply_all</i> reply_all
<i class=”material-icons custom”>report</i> report
<i class=”material-icons custom”>save</i> save
<i class=”material-icons custom”>select_all</i> select_all
<i class=”material-icons custom”>send</i> send
<i class=”material-icons custom”>sort</i> sort
<i class=”material-icons custom”>text_format</i> text_format
<i class=”material-icons custom”>stay_current_portrait</i> stay_current_portrait
<i class=”material-icons custom”>undo</i> undo
0



error: 内容受到保护 !!