图示

图标-Bootstrap 5和Material Design 2.0


Basic usage

您可以使用CSS前缀将图标放置在几乎任何地方 fa 和图标的名称。图标旨在与内联元素一起使用(我们喜欢 的 <i>为简洁起见,请使用 <span> 更 语义正确)。


        <i class="fas fa-camera-retro"></i>
      

要增加图标相对于其容器的大小,请使用 fa-xs fa-sm fa-lg (增长33%), fa-2x fa-3x fa-4x fa-5x fa-6x fa-7x fa-8x fa-9x fa-10x 类。


        <i class="fas fa-camera fa-xs"></i>
        <i class="fas fa-camera fa-sm"></i>
        <i class="fas fa-camera fa-lg"></i>
        <i class="fas fa-camera fa-2x"></i>
        <i class="fas fa-camera fa-3x"></i>
        <i class="fas fa-camera fa-4x"></i>
        <i class="fas fa-camera fa-5x"></i>
        <i class="fas fa-camera fa-6x"></i>
        <i class="fas fa-camera fa-7x"></i>
        <i class="fas fa-camera fa-8x"></i>
        <i class="fas fa-camera fa-9x"></i>
        <i class="fas fa-camera fa-10x"></i>