bootstrap-icons 1.6.1 → 1.8.0

package/font/index.html

@@ -41,6 +41,10 @@
   <h1>bootstrap-icons</h1>
 
   <div class="icons">
+    <div class="icon">
+      <i class="bi bi-123"></i>
+      <div class="label">123</div>
+    </div>
     <div class="icon">
       <i class="bi bi-activity"></i>
       <div class="label">activity</div>
@@ -273,6 +277,14 @@
       <i class="bi bi-arrow-right"></i>
       <div class="label">arrow-right</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-arrow-through-heart-fill"></i>
+      <div class="label">arrow-through-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-through-heart"></i>
+      <div class="label">arrow-through-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-arrow-up-circle-fill"></i>
       <div class="label">arrow-up-circle-fill</div>
@@ -461,6 +473,14 @@
       <i class="bi bi-badge-hd"></i>
       <div class="label">badge-hd</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-badge-sd-fill"></i>
+      <div class="label">badge-sd-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-sd"></i>
+      <div class="label">badge-sd</div>
+    </div>
     <div class="icon">
       <i class="bi bi-badge-tm-fill"></i>
       <div class="label">badge-tm-fill</div>
@@ -513,6 +533,14 @@
       <i class="bi bi-bag-fill"></i>
       <div class="label">bag-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-bag-heart-fill"></i>
+      <div class="label">bag-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-heart"></i>
+      <div class="label">bag-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-bag-plus-fill"></i>
       <div class="label">bag-plus-fill</div>
@@ -533,6 +561,30 @@
       <i class="bi bi-bag"></i>
       <div class="label">bag</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-balloon-fill"></i>
+      <div class="label">balloon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-balloon-heart-fill"></i>
+      <div class="label">balloon-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-balloon-heart"></i>
+      <div class="label">balloon-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-balloon"></i>
+      <div class="label">balloon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bandaid-fill"></i>
+      <div class="label">bandaid-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bandaid"></i>
+      <div class="label">bandaid</div>
+    </div>
     <div class="icon">
       <i class="bi bi-bank"></i>
       <div class="label">bank</div>
@@ -649,6 +701,14 @@
       <i class="bi bi-blockquote-right"></i>
       <div class="label">blockquote-right</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-bluetooth"></i>
+      <div class="label">bluetooth</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-body-text"></i>
+      <div class="label">body-text</div>
+    </div>
     <div class="icon">
       <i class="bi bi-book-fill"></i>
       <div class="label">book-fill</div>
@@ -729,6 +789,14 @@
       <i class="bi bi-bookshelf"></i>
       <div class="label">bookshelf</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-boombox-fill"></i>
+      <div class="label">boombox-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-boombox"></i>
+      <div class="label">boombox</div>
+    </div>
     <div class="icon">
       <i class="bi bi-bootstrap-fill"></i>
       <div class="label">bootstrap-fill</div>
@@ -869,6 +937,30 @@
       <i class="bi bi-box"></i>
       <div class="label">box</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-box2-fill"></i>
+      <div class="label">box2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box2-heart-fill"></i>
+      <div class="label">box2-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box2-heart"></i>
+      <div class="label">box2-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box2"></i>
+      <div class="label">box2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-boxes"></i>
+      <div class="label">boxes</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-braces-asterisk"></i>
+      <div class="label">braces-asterisk</div>
+    </div>
     <div class="icon">
       <i class="bi bi-braces"></i>
       <div class="label">braces</div>
@@ -1001,6 +1093,14 @@
       <i class="bi bi-calendar-fill"></i>
       <div class="label">calendar-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-calendar-heart-fill"></i>
+      <div class="label">calendar-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-heart"></i>
+      <div class="label">calendar-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-calendar-minus-fill"></i>
       <div class="label">calendar-minus-fill</div>
@@ -1089,6 +1189,14 @@
       <i class="bi bi-calendar2-fill"></i>
       <div class="label">calendar2-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-heart-fill"></i>
+      <div class="label">calendar2-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-heart"></i>
+      <div class="label">calendar2-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-calendar2-minus-fill"></i>
       <div class="label">calendar2-minus-fill</div>
@@ -1397,6 +1505,14 @@
       <i class="bi bi-chat-fill"></i>
       <div class="label">chat-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-chat-heart-fill"></i>
+      <div class="label">chat-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-heart"></i>
+      <div class="label">chat-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-chat-left-dots-fill"></i>
       <div class="label">chat-left-dots-fill</div>
@@ -1409,6 +1525,14 @@
       <i class="bi bi-chat-left-fill"></i>
       <div class="label">chat-left-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-heart-fill"></i>
+      <div class="label">chat-left-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-heart"></i>
+      <div class="label">chat-left-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-chat-left-quote-fill"></i>
       <div class="label">chat-left-quote-fill</div>
@@ -1449,6 +1573,14 @@
       <i class="bi bi-chat-right-fill"></i>
       <div class="label">chat-right-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-heart-fill"></i>
+      <div class="label">chat-right-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-heart"></i>
+      <div class="label">chat-right-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-chat-right-quote-fill"></i>
       <div class="label">chat-right-quote-fill</div>
@@ -1481,6 +1613,14 @@
       <i class="bi bi-chat-square-fill"></i>
       <div class="label">chat-square-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-heart-fill"></i>
+      <div class="label">chat-square-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-heart"></i>
+      <div class="label">chat-square-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-chat-square-quote-fill"></i>
       <div class="label">chat-square-quote-fill</div>
@@ -1653,22 +1793,58 @@
       <i class="bi bi-circle"></i>
       <div class="label">circle</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-check-fill"></i>
+      <div class="label">clipboard-check-fill</div>
+    </div>
     <div class="icon">
       <i class="bi bi-clipboard-check"></i>
       <div class="label">clipboard-check</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-data-fill"></i>
+      <div class="label">clipboard-data-fill</div>
+    </div>
     <div class="icon">
       <i class="bi bi-clipboard-data"></i>
       <div class="label">clipboard-data</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-fill"></i>
+      <div class="label">clipboard-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-heart-fill"></i>
+      <div class="label">clipboard-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-heart"></i>
+      <div class="label">clipboard-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-minus-fill"></i>
+      <div class="label">clipboard-minus-fill</div>
+    </div>
     <div class="icon">
       <i class="bi bi-clipboard-minus"></i>
       <div class="label">clipboard-minus</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-plus-fill"></i>
+      <div class="label">clipboard-plus-fill</div>
+    </div>
     <div class="icon">
       <i class="bi bi-clipboard-plus"></i>
       <div class="label">clipboard-plus</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-pulse"></i>
+      <div class="label">clipboard-pulse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-x-fill"></i>
+      <div class="label">clipboard-x-fill</div>
+    </div>
     <div class="icon">
       <i class="bi bi-clipboard-x"></i>
       <div class="label">clipboard-x</div>
@@ -1677,6 +1853,70 @@
       <i class="bi bi-clipboard"></i>
       <div class="label">clipboard</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-check-fill"></i>
+      <div class="label">clipboard2-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-check"></i>
+      <div class="label">clipboard2-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-data-fill"></i>
+      <div class="label">clipboard2-data-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-data"></i>
+      <div class="label">clipboard2-data</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-fill"></i>
+      <div class="label">clipboard2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-heart-fill"></i>
+      <div class="label">clipboard2-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-heart"></i>
+      <div class="label">clipboard2-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-minus-fill"></i>
+      <div class="label">clipboard2-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-minus"></i>
+      <div class="label">clipboard2-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-plus-fill"></i>
+      <div class="label">clipboard2-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-plus"></i>
+      <div class="label">clipboard2-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-pulse-fill"></i>
+      <div class="label">clipboard2-pulse-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-pulse"></i>
+      <div class="label">clipboard2-pulse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-x-fill"></i>
+      <div class="label">clipboard2-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2-x"></i>
+      <div class="label">clipboard2-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard2"></i>
+      <div class="label">clipboard2</div>
+    </div>
     <div class="icon">
       <i class="bi bi-clock-fill"></i>
       <div class="label">clock-fill</div>
@@ -1757,10 +1997,6 @@
       <i class="bi bi-cloud-hail"></i>
       <div class="label">cloud-hail</div>
     </div>
-    <div class="icon">
-      <i class="bi bi-cloud-haze-1"></i>
-      <div class="label">cloud-haze-1</div>
-    </div>
     <div class="icon">
       <i class="bi bi-cloud-haze-fill"></i>
       <div class="label">cloud-haze-fill</div>
@@ -1773,6 +2009,10 @@
       <i class="bi bi-cloud-haze2-fill"></i>
       <div class="label">cloud-haze2-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-cloud-haze2"></i>
+      <div class="label">cloud-haze2</div>
+    </div>
     <div class="icon">
       <i class="bi bi-cloud-lightning-fill"></i>
       <div class="label">cloud-lightning-fill</div>
@@ -2069,6 +2309,22 @@
       <i class="bi bi-dash"></i>
       <div class="label">dash</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-device-hdd-fill"></i>
+      <div class="label">device-hdd-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-device-hdd"></i>
+      <div class="label">device-hdd</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-device-ssd-fill"></i>
+      <div class="label">device-ssd-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-device-ssd"></i>
+      <div class="label">device-ssd</div>
+    </div>
     <div class="icon">
       <i class="bi bi-diagram-2-fill"></i>
       <div class="label">diagram-2-fill</div>
@@ -2165,6 +2421,14 @@
       <i class="bi bi-display"></i>
       <div class="label">display</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-displayport-fill"></i>
+      <div class="label">displayport-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-displayport"></i>
+      <div class="label">displayport</div>
+    </div>
     <div class="icon">
       <i class="bi bi-distribute-horizontal"></i>
       <div class="label">distribute-horizontal</div>
@@ -2197,6 +2461,14 @@
       <i class="bi bi-download"></i>
       <div class="label">download</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-dpad-fill"></i>
+      <div class="label">dpad-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dpad"></i>
+      <div class="label">dpad</div>
+    </div>
     <div class="icon">
       <i class="bi bi-dribbble"></i>
       <div class="label">dribbble</div>
@@ -2213,6 +2485,14 @@
       <i class="bi bi-droplet"></i>
       <div class="label">droplet</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-ear-fill"></i>
+      <div class="label">ear-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ear"></i>
+      <div class="label">ear</div>
+    </div>
     <div class="icon">
       <i class="bi bi-earbuds"></i>
       <div class="label">earbuds</div>
@@ -2301,6 +2581,14 @@
       <i class="bi bi-emoji-heart-eyes"></i>
       <div class="label">emoji-heart-eyes</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-emoji-kiss-fill"></i>
+      <div class="label">emoji-kiss-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-kiss"></i>
+      <div class="label">emoji-kiss</div>
+    </div>
     <div class="icon">
       <i class="bi bi-emoji-laughing-fill"></i>
       <div class="label">emoji-laughing-fill</div>
@@ -2349,18 +2637,98 @@
       <i class="bi bi-emoji-wink"></i>
       <div class="label">emoji-wink</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-envelope-check-fill"></i>
+      <div class="label">envelope-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-check"></i>
+      <div class="label">envelope-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-dash-fill"></i>
+      <div class="label">envelope-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-dash"></i>
+      <div class="label">envelope-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-exclamation-fill"></i>
+      <div class="label">envelope-exclamation-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-exclamation"></i>
+      <div class="label">envelope-exclamation</div>
+    </div>
     <div class="icon">
       <i class="bi bi-envelope-fill"></i>
       <div class="label">envelope-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-envelope-heart-fill"></i>
+      <div class="label">envelope-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-heart"></i>
+      <div class="label">envelope-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-envelope-open-fill"></i>
       <div class="label">envelope-open-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-envelope-open-heart-fill"></i>
+      <div class="label">envelope-open-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-open-heart"></i>
+      <div class="label">envelope-open-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-envelope-open"></i>
       <div class="label">envelope-open</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-envelope-paper-fill"></i>
+      <div class="label">envelope-paper-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-paper-heart-fill"></i>
+      <div class="label">envelope-paper-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-paper-heart"></i>
+      <div class="label">envelope-paper-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-paper"></i>
+      <div class="label">envelope-paper</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-plus-fill"></i>
+      <div class="label">envelope-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-plus"></i>
+      <div class="label">envelope-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-slash-fill"></i>
+      <div class="label">envelope-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-slash"></i>
+      <div class="label">envelope-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-x-fill"></i>
+      <div class="label">envelope-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-x"></i>
+      <div class="label">envelope-x</div>
+    </div>
     <div class="icon">
       <i class="bi bi-envelope"></i>
       <div class="label">envelope</div>
@@ -2373,6 +2741,10 @@
       <i class="bi bi-eraser"></i>
       <div class="label">eraser</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-ethernet"></i>
+      <div class="label">ethernet</div>
+    </div>
     <div class="icon">
       <i class="bi bi-exclamation-circle-fill"></i>
       <div class="label">exclamation-circle-fill</div>
@@ -2425,6 +2797,14 @@
       <i class="bi bi-exclude"></i>
       <div class="label">exclude</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-explicit-fill"></i>
+      <div class="label">explicit-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-explicit"></i>
+      <div class="label">explicit</div>
+    </div>
     <div class="icon">
       <i class="bi bi-eye-fill"></i>
       <div class="label">eye-fill</div>
@@ -2978,128 +3358,320 @@
       <div class="label">files</div>
     </div>
     <div class="icon">
-      <i class="bi bi-film"></i>
-      <div class="label">film</div>
+      <i class="bi bi-filetype-aac"></i>
+      <div class="label">filetype-aac</div>
     </div>
     <div class="icon">
-      <i class="bi bi-filter-circle-fill"></i>
-      <div class="label">filter-circle-fill</div>
+      <i class="bi bi-filetype-ai"></i>
+      <div class="label">filetype-ai</div>
     </div>
     <div class="icon">
-      <i class="bi bi-filter-circle"></i>
-      <div class="label">filter-circle</div>
+      <i class="bi bi-filetype-bmp"></i>
+      <div class="label">filetype-bmp</div>
     </div>
     <div class="icon">
-      <i class="bi bi-filter-left"></i>
-      <div class="label">filter-left</div>
+      <i class="bi bi-filetype-cs"></i>
+      <div class="label">filetype-cs</div>
     </div>
     <div class="icon">
-      <i class="bi bi-filter-right"></i>
-      <div class="label">filter-right</div>
+      <i class="bi bi-filetype-css"></i>
+      <div class="label">filetype-css</div>
     </div>
     <div class="icon">
-      <i class="bi bi-filter-square-fill"></i>
-      <div class="label">filter-square-fill</div>
+      <i class="bi bi-filetype-csv"></i>
+      <div class="label">filetype-csv</div>
     </div>
     <div class="icon">
-      <i class="bi bi-filter-square"></i>
-      <div class="label">filter-square</div>
+      <i class="bi bi-filetype-doc"></i>
+      <div class="label">filetype-doc</div>
     </div>
     <div class="icon">
-      <i class="bi bi-filter"></i>
-      <div class="label">filter</div>
+      <i class="bi bi-filetype-docx"></i>
+      <div class="label">filetype-docx</div>
     </div>
     <div class="icon">
-      <i class="bi bi-fingerprint"></i>
-      <div class="label">fingerprint</div>
+      <i class="bi bi-filetype-exe"></i>
+      <div class="label">filetype-exe</div>
     </div>
     <div class="icon">
-      <i class="bi bi-flag-fill"></i>
-      <div class="label">flag-fill</div>
+      <i class="bi bi-filetype-gif"></i>
+      <div class="label">filetype-gif</div>
     </div>
     <div class="icon">
-      <i class="bi bi-flag"></i>
-      <div class="label">flag</div>
+      <i class="bi bi-filetype-heic"></i>
+      <div class="label">filetype-heic</div>
     </div>
     <div class="icon">
-      <i class="bi bi-flower1"></i>
-      <div class="label">flower1</div>
+      <i class="bi bi-filetype-html"></i>
+      <div class="label">filetype-html</div>
     </div>
     <div class="icon">
-      <i class="bi bi-flower2"></i>
-      <div class="label">flower2</div>
+      <i class="bi bi-filetype-java"></i>
+      <div class="label">filetype-java</div>
     </div>
     <div class="icon">
-      <i class="bi bi-flower3"></i>
-      <div class="label">flower3</div>
+      <i class="bi bi-filetype-jpg"></i>
+      <div class="label">filetype-jpg</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder-check"></i>
-      <div class="label">folder-check</div>
+      <i class="bi bi-filetype-js"></i>
+      <div class="label">filetype-js</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder-fill"></i>
-      <div class="label">folder-fill</div>
+      <i class="bi bi-filetype-json"></i>
+      <div class="label">filetype-json</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder-minus"></i>
-      <div class="label">folder-minus</div>
+      <i class="bi bi-filetype-jsx"></i>
+      <div class="label">filetype-jsx</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder-plus"></i>
-      <div class="label">folder-plus</div>
+      <i class="bi bi-filetype-key"></i>
+      <div class="label">filetype-key</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder-symlink-fill"></i>
-      <div class="label">folder-symlink-fill</div>
+      <i class="bi bi-filetype-m4p"></i>
+      <div class="label">filetype-m4p</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder-symlink"></i>
-      <div class="label">folder-symlink</div>
+      <i class="bi bi-filetype-md"></i>
+      <div class="label">filetype-md</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder-x"></i>
-      <div class="label">folder-x</div>
+      <i class="bi bi-filetype-mdx"></i>
+      <div class="label">filetype-mdx</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder"></i>
-      <div class="label">folder</div>
+      <i class="bi bi-filetype-mov"></i>
+      <div class="label">filetype-mov</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder2-open"></i>
-      <div class="label">folder2-open</div>
+      <i class="bi bi-filetype-mp3"></i>
+      <div class="label">filetype-mp3</div>
     </div>
     <div class="icon">
-      <i class="bi bi-folder2"></i>
-      <div class="label">folder2</div>
+      <i class="bi bi-filetype-mp4"></i>
+      <div class="label">filetype-mp4</div>
     </div>
     <div class="icon">
-      <i class="bi bi-fonts"></i>
-      <div class="label">fonts</div>
+      <i class="bi bi-filetype-otf"></i>
+      <div class="label">filetype-otf</div>
     </div>
     <div class="icon">
-      <i class="bi bi-forward-fill"></i>
-      <div class="label">forward-fill</div>
+      <i class="bi bi-filetype-pdf"></i>
+      <div class="label">filetype-pdf</div>
     </div>
     <div class="icon">
-      <i class="bi bi-forward"></i>
-      <div class="label">forward</div>
+      <i class="bi bi-filetype-php"></i>
+      <div class="label">filetype-php</div>
     </div>
     <div class="icon">
-      <i class="bi bi-front"></i>
-      <div class="label">front</div>
+      <i class="bi bi-filetype-png"></i>
+      <div class="label">filetype-png</div>
     </div>
     <div class="icon">
-      <i class="bi bi-fullscreen-exit"></i>
-      <div class="label">fullscreen-exit</div>
+      <i class="bi bi-filetype-ppt"></i>
+      <div class="label">filetype-ppt</div>
     </div>
     <div class="icon">
-      <i class="bi bi-fullscreen"></i>
-      <div class="label">fullscreen</div>
+      <i class="bi bi-filetype-pptx"></i>
+      <div class="label">filetype-pptx</div>
     </div>
     <div class="icon">
-      <i class="bi bi-funnel-fill"></i>
-      <div class="label">funnel-fill</div>
+      <i class="bi bi-filetype-psd"></i>
+      <div class="label">filetype-psd</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-py"></i>
+      <div class="label">filetype-py</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-raw"></i>
+      <div class="label">filetype-raw</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-rb"></i>
+      <div class="label">filetype-rb</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-sass"></i>
+      <div class="label">filetype-sass</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-scss"></i>
+      <div class="label">filetype-scss</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-sh"></i>
+      <div class="label">filetype-sh</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-svg"></i>
+      <div class="label">filetype-svg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-tiff"></i>
+      <div class="label">filetype-tiff</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-tsx"></i>
+      <div class="label">filetype-tsx</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-ttf"></i>
+      <div class="label">filetype-ttf</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-txt"></i>
+      <div class="label">filetype-txt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-wav"></i>
+      <div class="label">filetype-wav</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-woff"></i>
+      <div class="label">filetype-woff</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-xls"></i>
+      <div class="label">filetype-xls</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-xlsx"></i>
+      <div class="label">filetype-xlsx</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-xml"></i>
+      <div class="label">filetype-xml</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filetype-yml"></i>
+      <div class="label">filetype-yml</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-film"></i>
+      <div class="label">film</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-circle-fill"></i>
+      <div class="label">filter-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-circle"></i>
+      <div class="label">filter-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-left"></i>
+      <div class="label">filter-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-right"></i>
+      <div class="label">filter-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-square-fill"></i>
+      <div class="label">filter-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-square"></i>
+      <div class="label">filter-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter"></i>
+      <div class="label">filter</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fingerprint"></i>
+      <div class="label">fingerprint</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flag-fill"></i>
+      <div class="label">flag-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flag"></i>
+      <div class="label">flag</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flower1"></i>
+      <div class="label">flower1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flower2"></i>
+      <div class="label">flower2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flower3"></i>
+      <div class="label">flower3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-check"></i>
+      <div class="label">folder-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-fill"></i>
+      <div class="label">folder-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-minus"></i>
+      <div class="label">folder-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-plus"></i>
+      <div class="label">folder-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-symlink-fill"></i>
+      <div class="label">folder-symlink-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-symlink"></i>
+      <div class="label">folder-symlink</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-x"></i>
+      <div class="label">folder-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder"></i>
+      <div class="label">folder</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder2-open"></i>
+      <div class="label">folder2-open</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder2"></i>
+      <div class="label">folder2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fonts"></i>
+      <div class="label">fonts</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-forward-fill"></i>
+      <div class="label">forward-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-forward"></i>
+      <div class="label">forward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-front"></i>
+      <div class="label">front</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fullscreen-exit"></i>
+      <div class="label">fullscreen-exit</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fullscreen"></i>
+      <div class="label">fullscreen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-funnel-fill"></i>
+      <div class="label">funnel-fill</div>
     </div>
     <div class="icon">
       <i class="bi bi-funnel"></i>
@@ -3165,6 +3737,10 @@
       <i class="bi bi-gift"></i>
       <div class="label">gift</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-git"></i>
+      <div class="label">git</div>
+    </div>
     <div class="icon">
       <i class="bi bi-github"></i>
       <div class="label">github</div>
@@ -3181,6 +3757,10 @@
       <i class="bi bi-google"></i>
       <div class="label">google</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-gpu-card"></i>
+      <div class="label">gpu-card</div>
+    </div>
     <div class="icon">
       <i class="bi bi-graph-down-arrow"></i>
       <div class="label">graph-down-arrow</div>
@@ -3325,6 +3905,14 @@
       <i class="bi bi-hdd"></i>
       <div class="label">hdd</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-hdmi-fill"></i>
+      <div class="label">hdmi-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdmi"></i>
+      <div class="label">hdmi</div>
+    </div>
     <div class="icon">
       <i class="bi bi-headphones"></i>
       <div class="label">headphones</div>
@@ -3337,6 +3925,10 @@
       <i class="bi bi-headset"></i>
       <div class="label">headset</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-heart-arrow"></i>
+      <div class="label">heart-arrow</div>
+    </div>
     <div class="icon">
       <i class="bi bi-heart-fill"></i>
       <div class="label">heart-fill</div>
@@ -3345,10 +3937,30 @@
       <i class="bi bi-heart-half"></i>
       <div class="label">heart-half</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-heart-pulse-fill"></i>
+      <div class="label">heart-pulse-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heart-pulse"></i>
+      <div class="label">heart-pulse</div>
+    </div>
     <div class="icon">
       <i class="bi bi-heart"></i>
       <div class="label">heart</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-heartbreak-fill"></i>
+      <div class="label">heartbreak-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heartbreak"></i>
+      <div class="label">heartbreak</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hearts"></i>
+      <div class="label">hearts</div>
+    </div>
     <div class="icon">
       <i class="bi bi-heptagon-fill"></i>
       <div class="label">heptagon-fill</div>
@@ -3373,6 +3985,14 @@
       <i class="bi bi-hexagon"></i>
       <div class="label">hexagon</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-hospital-fill"></i>
+      <div class="label">hospital-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hospital"></i>
+      <div class="label">hospital</div>
+    </div>
     <div class="icon">
       <i class="bi bi-hourglass-bottom"></i>
       <div class="label">hourglass-bottom</div>
@@ -3401,6 +4021,14 @@
       <i class="bi bi-house-fill"></i>
       <div class="label">house-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-house-heart-fill"></i>
+      <div class="label">house-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-house-heart"></i>
+      <div class="label">house-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-house"></i>
       <div class="label">house</div>
@@ -3449,6 +4077,14 @@
       <i class="bi bi-inboxes"></i>
       <div class="label">inboxes</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-incognito"></i>
+      <div class="label">incognito</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-infinity"></i>
+      <div class="label">infinity</div>
+    </div>
     <div class="icon">
       <i class="bi bi-info-circle-fill"></i>
       <div class="label">info-circle-fill</div>
@@ -3729,6 +4365,14 @@
       <i class="bi bi-list-check"></i>
       <div class="label">list-check</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-list-columns-reverse"></i>
+      <div class="label">list-columns-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-columns"></i>
+      <div class="label">list-columns</div>
+    </div>
     <div class="icon">
       <i class="bi bi-list-nested"></i>
       <div class="label">list-nested</div>
@@ -3765,6 +4409,14 @@
       <i class="bi bi-magic"></i>
       <div class="label">magic</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-magnet-fill"></i>
+      <div class="label">magnet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-magnet"></i>
+      <div class="label">magnet</div>
+    </div>
     <div class="icon">
       <i class="bi bi-mailbox"></i>
       <div class="label">mailbox</div>
@@ -3809,6 +4461,10 @@
       <i class="bi bi-megaphone"></i>
       <div class="label">megaphone</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-memory"></i>
+      <div class="label">memory</div>
+    </div>
     <div class="icon">
       <i class="bi bi-menu-app-fill"></i>
       <div class="label">menu-app-fill</div>
@@ -3845,6 +4501,10 @@
       <i class="bi bi-messenger"></i>
       <div class="label">messenger</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-meta"></i>
+      <div class="label">meta</div>
+    </div>
     <div class="icon">
       <i class="bi bi-mic-fill"></i>
       <div class="label">mic-fill</div>
@@ -3873,6 +4533,14 @@
       <i class="bi bi-minecart"></i>
       <div class="label">minecart</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-modem-fill"></i>
+      <div class="label">modem-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-modem"></i>
+      <div class="label">modem</div>
+    </div>
     <div class="icon">
       <i class="bi bi-moisture"></i>
       <div class="label">moisture</div>
@@ -3893,6 +4561,22 @@
       <i class="bi bi-moon"></i>
       <div class="label">moon</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-mortarboard-fill"></i>
+      <div class="label">mortarboard-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mortarboard"></i>
+      <div class="label">mortarboard</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-motherboard-fill"></i>
+      <div class="label">motherboard-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-motherboard"></i>
+      <div class="label">motherboard</div>
+    </div>
     <div class="icon">
       <i class="bi bi-mouse-fill"></i>
       <div class="label">mouse-fill</div>
@@ -3941,6 +4625,10 @@
       <i class="bi bi-newspaper"></i>
       <div class="label">newspaper</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-nintendo-switch"></i>
+      <div class="label">nintendo-switch</div>
+    </div>
     <div class="icon">
       <i class="bi bi-node-minus-fill"></i>
       <div class="label">node-minus-fill</div>
@@ -3977,6 +4665,14 @@
       <i class="bi bi-octagon"></i>
       <div class="label">octagon</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-optical-audio-fill"></i>
+      <div class="label">optical-audio-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-optical-audio"></i>
+      <div class="label">optical-audio</div>
+    </div>
     <div class="icon">
       <i class="bi bi-option"></i>
       <div class="label">option</div>
@@ -4077,6 +4773,26 @@
       <i class="bi bi-paypal"></i>
       <div class="label">paypal</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-pc-display-horizontal"></i>
+      <div class="label">pc-display-horizontal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pc-display"></i>
+      <div class="label">pc-display</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pc-horizontal"></i>
+      <div class="label">pc-horizontal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pc"></i>
+      <div class="label">pc</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pci-card"></i>
+      <div class="label">pci-card</div>
+    </div>
     <div class="icon">
       <i class="bi bi-peace-fill"></i>
       <div class="label">peace-fill</div>
@@ -4165,6 +4881,14 @@
       <i class="bi bi-person-fill"></i>
       <div class="label">person-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-person-heart"></i>
+      <div class="label">person-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-hearts"></i>
+      <div class="label">person-hearts</div>
+    </div>
     <div class="icon">
       <i class="bi bi-person-lines-fill"></i>
       <div class="label">person-lines-fill</div>
@@ -4217,6 +4941,10 @@
       <i class="bi bi-phone-fill"></i>
       <div class="label">phone-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-phone-flip"></i>
+      <div class="label">phone-flip</div>
+    </div>
     <div class="icon">
       <i class="bi bi-phone-landscape-fill"></i>
       <div class="label">phone-landscape-fill</div>
@@ -4313,6 +5041,10 @@
       <i class="bi bi-play"></i>
       <div class="label">play</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-playstation"></i>
+      <div class="label">playstation</div>
+    </div>
     <div class="icon">
       <i class="bi bi-plug-fill"></i>
       <div class="label">plug-fill</div>
@@ -4321,6 +5053,10 @@
       <i class="bi bi-plug"></i>
       <div class="label">plug</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-plugin"></i>
+      <div class="label">plugin</div>
+    </div>
     <div class="icon">
       <i class="bi bi-plus-circle-dotted"></i>
       <div class="label">plus-circle-dotted</div>
@@ -4337,6 +5073,10 @@
       <i class="bi bi-plus-lg"></i>
       <div class="label">plus-lg</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-plus-slash-minus"></i>
+      <div class="label">plus-slash-minus</div>
+    </div>
     <div class="icon">
       <i class="bi bi-plus-square-dotted"></i>
       <div class="label">plus-square-dotted</div>
@@ -4353,6 +5093,38 @@
       <i class="bi bi-plus"></i>
       <div class="label">plus</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-postage-fill"></i>
+      <div class="label">postage-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-postage-heart-fill"></i>
+      <div class="label">postage-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-postage-heart"></i>
+      <div class="label">postage-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-postage"></i>
+      <div class="label">postage</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-postcard-fill"></i>
+      <div class="label">postcard-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-postcard-heart-fill"></i>
+      <div class="label">postcard-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-postcard-heart"></i>
+      <div class="label">postcard-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-postcard"></i>
+      <div class="label">postcard</div>
+    </div>
     <div class="icon">
       <i class="bi bi-power"></i>
       <div class="label">power</div>
@@ -4365,6 +5137,14 @@
       <i class="bi bi-printer"></i>
       <div class="label">printer</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-projector-fill"></i>
+      <div class="label">projector-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-projector"></i>
+      <div class="label">projector</div>
+    </div>
     <div class="icon">
       <i class="bi bi-puzzle-fill"></i>
       <div class="label">puzzle-fill</div>
@@ -4373,6 +5153,14 @@
       <i class="bi bi-puzzle"></i>
       <div class="label">puzzle</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-qr-code-scan"></i>
+      <div class="label">qr-code-scan</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-qr-code"></i>
+      <div class="label">qr-code</div>
+    </div>
     <div class="icon">
       <i class="bi bi-question-circle-fill"></i>
       <div class="label">question-circle-fill</div>
@@ -4413,6 +5201,14 @@
       <i class="bi bi-question"></i>
       <div class="label">question</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-quora"></i>
+      <div class="label">quora</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-quote"></i>
+      <div class="label">quote</div>
+    </div>
     <div class="icon">
       <i class="bi bi-radioactive"></i>
       <div class="label">radioactive</div>
@@ -4505,6 +5301,18 @@
       <i class="bi bi-reply"></i>
       <div class="label">reply</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-robot"></i>
+      <div class="label">robot</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-router-fill"></i>
+      <div class="label">router-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-router"></i>
+      <div class="label">router</div>
+    </div>
     <div class="icon">
       <i class="bi bi-rss-fill"></i>
       <div class="label">rss-fill</div>
@@ -4565,6 +5373,14 @@
       <i class="bi bi-sd-card"></i>
       <div class="label">sd-card</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-search-heart-fill"></i>
+      <div class="label">search-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-search-heart"></i>
+      <div class="label">search-heart</div>
+    </div>
     <div class="icon">
       <i class="bi bi-search"></i>
       <div class="label">search</div>
@@ -4573,6 +5389,62 @@
       <i class="bi bi-segmented-nav"></i>
       <div class="label">segmented-nav</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-send-check-fill"></i>
+      <div class="label">send-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-check"></i>
+      <div class="label">send-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-dash-fill"></i>
+      <div class="label">send-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-dash"></i>
+      <div class="label">send-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-exclamation-fill"></i>
+      <div class="label">send-exclamation-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-exclamation"></i>
+      <div class="label">send-exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-fill"></i>
+      <div class="label">send-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-plus-fill"></i>
+      <div class="label">send-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-plus"></i>
+      <div class="label">send-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-slash-fill"></i>
+      <div class="label">send-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-slash"></i>
+      <div class="label">send-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-x-fill"></i>
+      <div class="label">send-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send-x"></i>
+      <div class="label">send-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-send"></i>
+      <div class="label">send</div>
+    </div>
     <div class="icon">
       <i class="bi bi-server"></i>
       <div class="label">server</div>
@@ -4841,6 +5713,14 @@
       <i class="bi bi-sliders"></i>
       <div class="label">sliders</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-sliders2-vertical"></i>
+      <div class="label">sliders2-vertical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sliders2"></i>
+      <div class="label">sliders2</div>
+    </div>
     <div class="icon">
       <i class="bi bi-smartwatch"></i>
       <div class="label">smartwatch</div>
@@ -4973,6 +5853,10 @@
       <i class="bi bi-stars"></i>
       <div class="label">stars</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-steam"></i>
+      <div class="label">steam</div>
+    </div>
     <div class="icon">
       <i class="bi bi-stickies-fill"></i>
       <div class="label">stickies-fill</div>
@@ -5201,10 +6085,26 @@
       <i class="bi bi-telephone"></i>
       <div class="label">telephone</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-terminal-dash"></i>
+      <div class="label">terminal-dash</div>
+    </div>
     <div class="icon">
       <i class="bi bi-terminal-fill"></i>
       <div class="label">terminal-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-terminal-plus"></i>
+      <div class="label">terminal-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal-split"></i>
+      <div class="label">terminal-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal-x"></i>
+      <div class="label">terminal-x</div>
+    </div>
     <div class="icon">
       <i class="bi bi-terminal"></i>
       <div class="label">terminal</div>
@@ -5277,6 +6177,42 @@
       <i class="bi bi-three-dots"></i>
       <div class="label">three-dots</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-thunderbolt-fill"></i>
+      <div class="label">thunderbolt-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thunderbolt"></i>
+      <div class="label">thunderbolt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-detailed-fill"></i>
+      <div class="label">ticket-detailed-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-detailed"></i>
+      <div class="label">ticket-detailed</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-fill"></i>
+      <div class="label">ticket-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-perforated-fill"></i>
+      <div class="label">ticket-perforated-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-perforated"></i>
+      <div class="label">ticket-perforated</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket"></i>
+      <div class="label">ticket</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tiktok"></i>
+      <div class="label">tiktok</div>
+    </div>
     <div class="icon">
       <i class="bi bi-toggle-off"></i>
       <div class="label">toggle-off</div>
@@ -5329,6 +6265,14 @@
       <i class="bi bi-trash2"></i>
       <div class="label">trash2</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-trash3-fill"></i>
+      <div class="label">trash3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trash3"></i>
+      <div class="label">trash3</div>
+    </div>
     <div class="icon">
       <i class="bi bi-tree-fill"></i>
       <div class="label">tree-fill</div>
@@ -5469,6 +6413,66 @@
       <i class="bi bi-upload"></i>
       <div class="label">upload</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-usb-c-fill"></i>
+      <div class="label">usb-c-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-c"></i>
+      <div class="label">usb-c</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-drive-fill"></i>
+      <div class="label">usb-drive-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-drive"></i>
+      <div class="label">usb-drive</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-fill"></i>
+      <div class="label">usb-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-micro-fill"></i>
+      <div class="label">usb-micro-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-micro"></i>
+      <div class="label">usb-micro</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-mini-fill"></i>
+      <div class="label">usb-mini-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-mini"></i>
+      <div class="label">usb-mini</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-plug-fill"></i>
+      <div class="label">usb-plug-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-plug"></i>
+      <div class="label">usb-plug</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb-symbol"></i>
+      <div class="label">usb-symbol</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-usb"></i>
+      <div class="label">usb</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-valentine"></i>
+      <div class="label">valentine</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-valentine2"></i>
+      <div class="label">valentine2</div>
+    </div>
     <div class="icon">
       <i class="bi bi-vector-pen"></i>
       <div class="label">vector-pen</div>
@@ -5585,14 +6589,42 @@
       <i class="bi bi-wind"></i>
       <div class="label">wind</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-window-dash"></i>
+      <div class="label">window-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-desktop"></i>
+      <div class="label">window-desktop</div>
+    </div>
     <div class="icon">
       <i class="bi bi-window-dock"></i>
       <div class="label">window-dock</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-window-fullscreen"></i>
+      <div class="label">window-fullscreen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-plus"></i>
+      <div class="label">window-plus</div>
+    </div>
     <div class="icon">
       <i class="bi bi-window-sidebar"></i>
       <div class="label">window-sidebar</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-window-split"></i>
+      <div class="label">window-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-stack"></i>
+      <div class="label">window-stack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window-x"></i>
+      <div class="label">window-x</div>
+    </div>
     <div class="icon">
       <i class="bi bi-window"></i>
       <div class="label">window</div>
@@ -5605,6 +6637,18 @@
       <i class="bi bi-wordpress"></i>
       <div class="label">wordpress</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-wrench-adjustable-circle-fill"></i>
+      <div class="label">wrench-adjustable-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wrench-adjustable-cricle"></i>
+      <div class="label">wrench-adjustable-cricle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wrench-adjustable"></i>
+      <div class="label">wrench-adjustable</div>
+    </div>
     <div class="icon">
       <i class="bi bi-wrench"></i>
       <div class="label">wrench</div>
@@ -5649,6 +6693,10 @@
       <i class="bi bi-x"></i>
       <div class="label">x</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-xbox"></i>
+      <div class="label">xbox</div>
+    </div>
     <div class="icon">
       <i class="bi bi-yin-yang"></i>
       <div class="label">yin-yang</div>