<ul>
  <li className="diamond diamond-bullet-primary">Primary بولت</li>
  <li className="diamond diamond-bullet-secondary">Secondary بولت</li>
  <li className="diamond diamond-bullet-success">Success بولت</li>
  <li className="diamond diamond-bullet-danger">Danger بولت</li>
  <li className="diamond diamond-bullet-warning">Warning بولت</li>
  <li className="diamond diamond-bullet-info">Info بولت</li>
  <li className="diamond diamond-bullet-light">Light بولت</li>
  <li className="diamond diamond-bullet-dark">Dark بولت</li>
</ul>
            

<ul>
  <li className="heart heart-bullet-primary">Primary بولت</li>
  <li className="heart heart-bullet-secondary">Secondary بولت</li>
  <li className="heart heart-bullet-success">Success بولت</li>
  <li className="heart heart-bullet-danger">Danger بولت</li>
  <li className="heart heart-bullet-warning">Warning بولت</li>
  <li className="heart heart-bullet-info">Info بولت</li>
  <li className="heart heart-bullet-light">Light بولت</li>
  <li className="heart heart-bullet-dark">Dark بولت</li>
</ul>
                

<ul>
  <li className="burst burst-bullet-primary">Primary بولت</li>
  <li className="burst burst-bullet-secondary">Secondary بولت</li>
  <li className="burst burst-bullet-success">Success بولت</li>
  <li className="burst burst-bullet-danger">Danger بولت</li>
  <li className="burst burst-bullet-warning">Warning بولت</li>
  <li className="burst burst-bullet-info">Info بولت</li>
  <li className="burst burst-bullet-light">Light بولت</li>
  <li className="burst burst-bullet-dark">Dark بولت</li>
</ul>
                  

<ul>
  <li><IconNorthStar size={20} className="text-primary me-2" /> Primary بولت</li>
  <li><IconNorthStar size={20} className="text-secondary me-2" /> Secondary بولت</li>
  <li><IconNorthStar size={20} className="text-success me-2" /> Success بولت</li>
  <li><IconNorthStar size={20} className="text-danger me-2" /> Danger بولت</li>
  <li><IconNorthStar size={20} className="text-warning me-2" /> Warning بولت</li>
  <li><IconNorthStar size={20} className="text-info me-2" /> Info بولت</li>
  <li><IconNorthStar size={20} className="text-light me-2" /> Light بولت</li>
  <li><IconNorthStar size={20} className="text-dark me-2" /> Dark بولت</li>
</ul>
                  

<ul>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-primary me-2" /> Primary بولت</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-secondary me-2" /> Secondary بولت</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-success me-2" /> Success بولت</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-danger me-2" /> Danger بولت</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-warning me-2" /> Warning بولت</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-info me-2" /> Info بولت</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-light me-2" /> Light بولت</li>
  <li className="right-arrow"><IconArrowBigRightLineFilled size={22} className="text-dark me-2" /> Dark بولت</li>
</ul>
                  

<ul>
  <li className="line line-bullet-primary">Primary بولت</li>
  <li className="line line-bullet-secondary">Secondary بولت</li>
  <li className="line line-bullet-success">Success بولت</li>
  <li className="line line-bullet-danger">Danger بولت</li>
  <li className="line line-bullet-warning">Warning بولت</li>
  <li className="line line-bullet-info">Info بولت</li>
  <li className="line line-bullet-light">Light بولت</li>
  <li className="line line-bullet-dark">Dark بولت</li>
</ul>
            

<ul>
  <li className="arrow arrow-bullet-primary">Primary بولت</li>
  <li className="arrow arrow-bullet-secondary">Secondary بولت</li>
  <li className="arrow arrow-bullet-success">Success بولت</li>
  <li className="arrow arrow-bullet-danger">Danger بولت</li>
  <li className="arrow arrow-bullet-warning">Warning بولت</li>
  <li className="arrow arrow-bullet-info">Info بولت</li>
  <li className="arrow arrow-bullet-light">Light بولت</li>
  <li className="arrow arrow-bullet-dark">Dark بولت</li>
</ul>
            

<ul>
  <li className="corner-arrow corner-arrow-bullet-primary"><IconCornerDownRightDouble size={22} className="text-primary me-2" /> Primary بولت</li>
  <li className="corner-arrow corner-arrow-bullet-secondary"><IconCornerDownRightDouble size={22} className="text-secondary me-2" /> Secondary بولت</li>
  <li className="corner-arrow corner-arrow-bullet-success"><IconCornerDownRightDouble size={22} className="text-success me-2" /> Success بولت</li>
  <li className="corner-arrow corner-arrow-bullet-danger"><IconCornerDownRightDouble size={22} className="text-danger me-2" /> Danger بولت</li>
  <li className="corner-arrow corner-arrow-bullet-warning"><IconCornerDownRightDouble size={22} className="text-warning me-2" /> Warning بولت</li>
  <li className="corner-arrow corner-arrow-bullet-info"><IconCornerDownRightDouble size={22} className="text-info me-2" /> Info بولت</li>
  <li className="corner-arrow corner-arrow-bullet-light"><IconCornerDownRightDouble size={22} className="text-light me-2" /> Light بولت</li>
  <li className="corner-arrow corner-arrow-bullet-dark"><IconCornerDownRightDouble size={22} className="text-dark me-2" /> Dark بولت</li>
</ul>
            

<ul>
  <li className="circle circle-bullet-primary">Primary بولت</li>
  <li className="circle circle-bullet-secondary">Secondary بولت</li>
  <li className="circle circle-bullet-success">Success بولت</li>
  <li className="circle circle-bullet-danger">Danger بولت</li>
  <li className="circle circle-bullet-warning">Warning بولت</li>
  <li className="circle circle-bullet-info">Info بولت</li>
  <li className="circle circle-bullet-light">Light بولت</li>
  <li className="circle circle-bullet-dark">Dark بولت</li>
</ul>
            

<ul>
  <li className="triangle triangle-bullet-primary">Primary بولت</li>
  <li className="triangle triangle-bullet-secondary">Secondary بولت</li>
  <li className="triangle triangle-bullet-success">Success بولت</li>
  <li className="triangle triangle-bullet-danger">Danger بولت</li>
  <li className="triangle triangle-bullet-warning">Warning بولت</li>
  <li className="triangle triangle-bullet-info">Info بولت</li>
  <li className="triangle triangle-bullet-light">Light بولت</li>
  <li className="triangle triangle-bullet-dark">Dark بولت</li>
</ul>
            

<ul>
  <li className="square square-bullet-primary">Primary بولت</li>
  <li className="square square-bullet-secondary">Secondary بولت</li>
  <li className="square square-bullet-success">Success بولت</li>
  <li className="square square-bullet-danger">Danger بولت</li>
  <li className="square square-bullet-warning">Warning بولت</li>
  <li className="square square-bullet-info">Info بولت</li>
  <li className="square square-bullet-light">Light بولت</li>
  <li className="square square-bullet-dark">Dark بولت</li>
</ul>
            

<ul>  
  <li className="plus plus-bullet-primary">Primary بولت</li>
  <li className="plus plus-bullet-secondary">Secondary بولت</li>
  <li className="plus plus-bullet-success">Success بولت</li>
  <li className="plus plus-bullet-danger">Danger بولت</li>
  <li className="plus plus-bullet-warning">Warning بولت</li>
  <li className="plus plus-bullet-info">Info بولت</li>
  <li className="plus plus-bullet-light">Light بولت</li>
  <li className="plus plus-bullet-dark">Dark بولت</li>
</ul>