bi-dice-5-fill

引入 be-icons.css(使用SVG图标时不需要)

<link rel="stylesheet" href="//cdn.phpbe.com/ui/be-icons.css">

字体图标

<i class="bi-dice-5-fill"></i>

控制大小、颜色

<span style="font-size:3rem; color: #B75555;">
  <i class="bi-dice-5-fill"></i>
</span>

<i class="bi-dice-5-fill"  style="font-size:4rem; color: #B75555;"></i>

通过 BE前端框架样式 控制大小、颜色

<span class="be-fs-300 be-c-purple">
  <i class="bi-dice-5-fill"></i>
</span>

<i class="bi-dice-5-fill be-fs-400 be-c-purple"></i>

与文字混排

图标 与文字混排
<span class="be-fs-150 be-c-pink">
  图标 <i class="bi-dice-5-fill"></i> 与文字混排
</span>

用于链接

<a href="#">
  <i class="bi-dice-5-fill"></i> 链接
</a>
 &nbsp; 
<a href="#" class="be-btn be-btn-blue be-btn-outline">
  <i class="bi-dice-5-fill"></i> 按钮外观的链接
</a>

用于按钮

   
<button class="be-btn">
  <i class="bi-dice-5-fill"></i> 按钮
</button>
 &nbsp; 
<button class="be-btn be-btn-major">
  <i class="bi-dice-5-fill"></i> 按钮
</button>
 &nbsp; 
<button class="be-btn be-btn-green be-btn-plain be-btn-lg">
  <i class="bi-dice-5-fill"></i> 按钮
</button>

SVG图标