Bullet

Diamond Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="diamond diamond-bullet-primary">Primary Bullet</li>
<li class="diamond diamond-bullet-secondary">secondary Bullet</li>
<li class="diamond diamond-bullet-success">Success Bullet</li>
<li class="diamond diamond-bullet-danger">Danger Bullet</li>
<li class="diamond diamond-bullet-warning">Warning Bullet</li>
<li class="diamond diamond-bullet-info">Info Bullet</li>
<li class="diamond diamond-bullet-light">Light Bullet</li>
<li class="diamond diamond-bullet-dark">Dark Bullet</li>
</ul>
Heart Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
 <ul>
  <li class="heart heart-bullet-primary">Primary Bullet</li>
  <li class="heart heart-bullet-secondary">secondary Bullet</li>
  <li class="heart heart-bullet-success">Success Bullet</li>
  <li class="heart heart-bullet-danger">Danger Bullet</li>
  <li class="heart heart-bullet-warning">Warning Bullet</li>
  <li class="heart heart-bullet-info">Info Bullet</li>
  <li class="heart heart-bullet-light">Light Bullet</li>
  <li class="heart heart-bullet-dark">Dark Bullet</li>
</ul>
Burst Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="burst burst-bullet-primary ">Primary Bullet</li>
<li class="burst burst-bullet-secondary">secondary Bullet</li>
<li class="burst burst-bullet-success">Success Bullet</li>
<li class="burst burst-bullet-danger">Danger Bullet</li>
<li class="burst burst-bullet-warning">Warning Bullet</li>
<li class="burst burst-bullet-info">Info Bullet</li>
<li class="burst burst-bullet-light">Light Bullet</li>
<li class="burst burst-bullet-dark">Dark Bullet</li>
</ul>
Star-Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="star mb-3"><i class="ti ti-north-star text-primary me-2"></i>Primary Bullet</li>
<li class="star mb-3 "><i class="ti ti-north-star text-secondary me-2"></i>secondary Bullet</li>
<li class="star mb-3 "><i class="ti ti-north-star text-success me-2"></i>Success Bullet</li>
<li class="star mb-3 "><i class="ti ti-north-star text-danger me-2"></i>Danger Bullet</li>
<li class="star mb-3 "><i class="ti ti-north-star text-warning me-2"></i>Warning Bullet</li>
<li class="star mb-3"><i class="ti ti-north-star text-info me-2"></i>Info Bullet</li>
<li class="star mb-3 "><i class="ti ti-north-star text-light me-2"></i>Light Bullet</li>
<li class="star"><i class="ti ti-north-star text-dark me-2"></i>Dark Bullet</li>
</ul>
Right Arrow Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="right-arrow mb-3"><i class="ti ti-arrow-big-right-line-filled text-primary me-2"></i>Primary Bullet</li>
<li class="right-arrow mb-3 "><i class="ti ti-arrow-big-right-line-filled text-secondary me-2 "></i>secondary Bullet</li>
<li class="right-arrow mb-3 "><i class="ti ti-arrow-big-right-line-filled text-success me-2"></i>Success Bullet</li>
<li class="right-arrow mb-3 "><i class="ti ti-arrow-big-right-line-filled text-danger me-2"></i>Danger Bullet</li>
<li class="right-arrow mb-3 "><i class="ti ti-arrow-big-right-line-filled text-warning me-2"></i>Warning Bullet</li>
<li class="right-arrow mb-3"><i class="ti ti-arrow-big-right-line-filled text-info me-2"></i>Info Bullet</li>
<li class="right-arrow mb-3 "><i class="ti ti-arrow-big-right-line-filled text-light me-2"></i>Light Bullet</li>
<li class="right-arrow"><i class="ti ti-arrow-big-right-line-filled me-2 text-dark"></i>Dark Bullet</li>
</ul>
Line Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="line line-bullet-primary">Primary Bullet</li>
<li class="line line-bullet-secondary">secondary Bullet</li>
<li class="line line-bullet-success">Success Bullet</li>
<li class="line line-bullet-danger">Danger Bullet</li>
<li class="line line-bullet-warning">Warning Bullet</li>
<li class="line line-bullet-info">Info Bullet</li>
<li class="line line-bullet-light">Light Bullet</li>
<li class="line line-bullet-dark">Dark Bullet</li>
</ul>
Arrow Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="arrow arrow-bullet-primary">Primary Bullet</li>
<li class="arrow arrow-bullet-secondary">secondary Bullet</li>
<li class="arrow arrow-bullet-success">Success Bullet</li>
<li class="arrow arrow-bullet-danger">Danger Bullet</li>
<li class="arrow arrow-bullet-warning">Warning Bullet</li>
<li class="arrow arrow-bullet-info">Info Bullet</li>
<li class="arrow arrow-bullet-light">Light Bullet</li>
<li class="arrow arrow-bullet-dark">Dark Bullet</li>
</ul>
Corner Arrow Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="corner-arrow mb-3"><i class="ti ti-corner-down-right-double text-primary me-2"></i>Primary Bullet</li>
<li class="corner-arrow mb-3 "><i class="ti ti-corner-down-right-double text-secondary me-2"></i>secondary Bullet</li>
<li class="corner-arrow mb-3 "><i class="ti ti-corner-down-right-double text-success me-2"></i>Success Bullet</li>
<li class="corner-arrow mb-3 "><i class="ti ti-corner-down-right-double text-danger me-2"></i>Danger Bullet</li>
<li class="corner-arrow mb-3 "><i class="ti ti-corner-down-right-double text-warning me-2"></i>Warning Bullet</li>
<li class="corner-arrow mb-3"><i class="ti ti-corner-down-right-double text-info me-2"></i>Info Bullet</li>
<li class="corner-arrow mb-3 "><i class="ti ti-corner-down-right-double text-light me-2"></i>Light Bullet</li>
<li class="corner-arrow"><i class="ti ti-corner-down-right-double text-dark me-2"></i>Dark Bullet</li>
</ul>
Circle Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="circle circle-bullet-primary">Primary Bullet</li>
<li class="circle circle-bullet-secondary">secondary Bullet</li>
<li class="circle circle-bullet-success">Success Bullet</li>
<li class="circle circle-bullet-danger">Danger Bullet</li>
<li class="circle circle-bullet-warning">Warning Bullet</li>
<li class="circle circle-bullet-info">Info Bullet</li>
<li class="circle circle-bullet-light">Light Bullet</li>
<li class="circle circle-bullet-dark">Dark Bullet</li>
</ul>
Triangle Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="triangle triangle-bullet-primary">Primary Bullet</li>
<li class="triangle triangle-bullet-secondary">secondary Bullet</li>
<li class="triangle triangle-bullet-success">Success Bullet</li>
<li class="triangle triangle-bullet-danger">Danger Bullet</li>
<li class="triangle triangle-bullet-warning">Warning Bullet</li>
<li class="triangle triangle-bullet-info">Info Bullet</li>
<li class="triangle triangle-bullet-light">Light Bullet</li>
<li class="triangle triangle-bullet-dark">Dark Bullet</li>
</ul>
Square Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="square square-bullet-primary">Primary Bullet</li>
<li class="square square-bullet-secondary">secondary Bullet</li>
<li class="square square-bullet-success">Success Bullet</li>
<li class="square square-bullet-danger">Danger Bullet</li>
<li class="square square-bullet-warning">Warning Bullet</li>
<li class="square square-bullet-info">Info Bullet</li>
<li class="square square-bullet-light">Light Bullet</li>
<li class="square square-bullet-dark">Dark Bullet</li>
</ul>
Plus Bullet
  • Primary Bullet
  • secondary Bullet
  • Success Bullet
  • Danger Bullet
  • Warning Bullet
  • Info Bullet
  • Light Bullet
  • Dark Bullet
                                            
<ul>
<li class="plus plus-bullet-primary">Primary Bullet</li>
<li class="plus plus-bullet-secondary">secondary Bullet</li>
<li class="plus plus-bullet-success">Success Bullet</li>
<li class="plus plus-bullet-danger">Danger Bullet</li>
<li class="plus plus-bullet-warning">Warning Bullet</li>
<li class="plus plus-bullet-info">Info Bullet</li>
<li class="plus plus-bullet-light">Light Bullet</li>
<li class="plus plus-bullet-dark">Dark Bullet</li>
</ul>