语义-UI 图标集写作

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更神奇。在本文中，我们将学习图标集写作。它配备了预构建的语义组件，可帮助使用用户友好的 HTML 创建响应式布局，并使用预定义的 CSS 和 jQuery 来整合不同的框架。图标是用于表示其他事物的字形。在 Set writing 中，我们有一个与写作相关的图标，例如书签图标、编辑图标等等。

Semantic-UI 标签书写图标类：

archive：该类用于创建存档图标
book：该类用于创建书本图标
书签：该类用于创建书签图标
书签大纲：该类用于创建书签大纲图标
edit：该类用于创建和编辑图标
编辑大纲：该类用于创建编辑大纲图标
信封：该类用于创建信封图标
信封轮廓：该类用于创建信封轮廓图标
信封打开：该类用于创建信封打开图标
信封开大纲：该类用于创建信封开大纲图标
橡皮擦：该类用于创建橡皮擦图标
file：该类用于创建文件图标
文件大纲：该类用于创建文件大纲图标
文件备用：该类用于创建文件备用图标
文件备用大纲：该类用于创建文件备用大纲图标
folder：该类用于创建文件夹图标
文件夹大纲：该类用于创建文件夹大纲图标
文件夹打开：该类用于创建文件夹打开图标
文件夹打开大纲：该类用于创建文件夹打开大纲图标
keyboard：该类用于创建键盘图标
键盘轮廓：该类用于创建键盘轮廓图标
报纸：该类用于创建报纸图标
报纸大纲：该类用于创建报纸大纲图标
纸飞机：该类用于创建纸飞机图标
纸飞机轮廓：该类用于创建纸飞机轮廓图标
回形针：这个类用于创建回形针图标
段落：该类用于创建段落图标
pen square：该类用于创建一个钢笔方形图标
铅笔替代：该类用于创建铅笔替代图标
左引号：该类用于创建引号左图标
引用权：该类用于创建引用权图标
便签：该类用于创建便签图标
便签大纲：该类用于创建便签大纲图标
图钉：该类用于创建图钉图标

句法：

示例 1：以下示例说明了 Semantic-UI 图标集的编写

HTML



  

    Semantic-UI Icon Set Writing/title>
    <link href=
"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" 
          rel="stylesheet" />
</head>
  
<body>
    <center>
        <h1 class="ui header green">GeeksForGeeks</h1>
        <h2>Semantic UI Icon Set Writing </h2>
        <i class="archive large icon"> archive</i>
        <br><br><br>
        <i class="book large icon"> book</i>
        <br><br><br>
        <i class="bookmark large icon"> bookmark</i>
        <br><br><br>
        <i class="bookmark large outline icon"> bookmark outline
        </i><br><br><br><br>
        <i class="edit large icon">edit</i><br>
    </center>
</body>
  
</html></code></pre></div><br><hr><h5 class="code">HTML</h5><div class="hcb_wrap"><pre class="prism undefined-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html>
<html>
  
<head>
    <title>Semantic-UI Icon Set Writing
    

  

    
        GeeksforGeeks
        Semantic UI Icon Set Writing 
         envelope open
        


         file icon
        


         newspaper
        


         paper plane

输出：

语义-UI 图标集写作

示例 2：以下示例说明了 Semantic-UI 图标集的编写

HTML



  

    Semantic-UI Icon Set Writing
    

  

    
        GeeksforGeeks
        Semantic UI Icon Set Writing 
         envelope open
        


         file icon
        


         newspaper
        


         paper plane

输出：

参考： https ://semantic-ui.com/elements/icon.html#writing