Semantic-UI 图标集日期和时间

Semantic UI是一个开源开发框架，它提供了预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

Semantic UI 为用户提供了各种不同的图标，这些图标可用于不同的目的，并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。

在这篇文章中，让我们看看日期和时间的图标集。 Semantic UI 提供了一些最常用的日期和时间图标类，主要用于将日期和时间小部件图标添加到应用程序中。

语义 UI 图标集日期和时间类：

bell：该类用于显示铃铛图标。
bell outline：该类用于显示铃铛图标的轮廓。
bell slash：这个类用于显示钟形斜线图标。
bell slash outline：该类用于显示bell slash icon的轮廓。
calendar：该类用于显示日历图标。
日历大纲：该类用于显示日历图标的轮廓。
日历备用：此类用于显示备用日历图标。
日历备用大纲：该类用于显示备用日历图标的轮廓。
日历检查：该类用于显示日历检查图标。
日历检查大纲：该类用于显示日历检查图标的轮廓。
日历减号：此类用于显示日历减号图标。
日历减号轮廓：该类用于显示日历减号图标的轮廓。
日历加号：该类用于显示日历加号图标。
日历加大纲：该类用于显示日历加号图标的轮廓。
日历时间：此类用于显示日历时间图标。
日历时间大纲：该类用于显示日历时间图标的轮廓。
时钟：该类用于显示时钟图标的轮廓。
时钟轮廓：该类用于显示时钟图标的轮廓。
沙漏：该类用于显示沙漏图标。
沙漏轮廓：该类用于显示沙漏图标的轮廓。
沙漏结束：该类用于显示沙漏结束图标。
半沙漏：该类用于显示半沙漏图标的轮廓。
沙漏开始：该类用于显示沙漏开始图标的轮廓。
秒表：该类用于显示秒表图标。

句法：

示例 1：此代码演示了所有日期和时间图标集类。

HTML



  

    Semantic-UI Icon Set Date & Time
    
    
    

  

    
        GeeksforGeeks
        
            Semantic-UI Icon Set Date and Time

HTML



  

    Semantic-UI Icon Set Date & Time
    
    
    

  

    
        GeeksforGeeks
        
            Semantic-UI Icon Set Date and Time
        
        

        

  
        
            
                 3

输出：

Semantic-UI 图标集日期和时间

示例 2：此代码演示了日期和时间图标集类的示例。

HTML



  

    Semantic-UI Icon Set Date & Time
    
    
    

  

    
        GeeksforGeeks
        
            Semantic-UI Icon Set Date and Time
        
        

        

  
        
            
                 3

输出：

Semantic-UI 图标集日期和时间

参考： https ://semantic-ui.com/elements/icon.html#date–time