bootstrap-icons 1.4.1 → 1.7.0

package/font/index.html

@@ -41,6 +41,14 @@
   <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>
+    </div>
     <div class="icon">
       <i class="bi bi-alarm-fill"></i>
       <div class="label">alarm-fill</div>
@@ -85,6 +93,10 @@
       <i class="bi bi-app"></i>
       <div class="label">app</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-apple"></i>
+      <div class="label">apple</div>
+    </div>
     <div class="icon">
       <i class="bi bi-archive-fill"></i>
       <div class="label">archive-fill</div>
@@ -525,6 +537,22 @@
       <i class="bi bi-bag"></i>
       <div class="label">bag</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>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bank2"></i>
+      <div class="label">bank2</div>
+    </div>
     <div class="icon">
       <i class="bi bi-bar-chart-fill"></i>
       <div class="label">bar-chart-fill</div>
@@ -585,10 +613,22 @@
       <i class="bi bi-battery"></i>
       <div class="label">battery</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-behance"></i>
+      <div class="label">behance</div>
+    </div>
     <div class="icon">
       <i class="bi bi-bell-fill"></i>
       <div class="label">bell-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-bell-slash-fill"></i>
+      <div class="label">bell-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bell-slash"></i>
+      <div class="label">bell-slash</div>
+    </div>
     <div class="icon">
       <i class="bi bi-bell"></i>
       <div class="label">bell</div>
@@ -621,6 +661,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>
@@ -701,6 +749,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>
@@ -841,6 +897,10 @@
       <i class="bi bi-box"></i>
       <div class="label">box</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"></i>
       <div class="label">braces</div>
@@ -1341,6 +1401,10 @@
       <i class="bi bi-cart4"></i>
       <div class="label">cart4</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-cash-coin"></i>
+      <div class="label">cash-coin</div>
+    </div>
     <div class="icon">
       <i class="bi bi-cash-stack"></i>
       <div class="label">cash-stack</div>
@@ -1493,6 +1557,10 @@
       <i class="bi bi-check-circle"></i>
       <div class="label">check-circle</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-check-lg"></i>
+      <div class="label">check-lg</div>
+    </div>
     <div class="icon">
       <i class="bi bi-check-square-fill"></i>
       <div class="label">check-square-fill</div>
@@ -1721,10 +1789,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>
@@ -1737,6 +1801,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>
@@ -1865,6 +1933,10 @@
       <i class="bi bi-code"></i>
       <div class="label">code</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-coin"></i>
+      <div class="label">coin</div>
+    </div>
     <div class="icon">
       <i class="bi bi-collection-fill"></i>
       <div class="label">collection-fill</div>
@@ -1961,6 +2033,30 @@
       <i class="bi bi-cup"></i>
       <div class="label">cup</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-currency-bitcoin"></i>
+      <div class="label">currency-bitcoin</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-dollar"></i>
+      <div class="label">currency-dollar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-euro"></i>
+      <div class="label">currency-euro</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-exchange"></i>
+      <div class="label">currency-exchange</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-pound"></i>
+      <div class="label">currency-pound</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-currency-yen"></i>
+      <div class="label">currency-yen</div>
+    </div>
     <div class="icon">
       <i class="bi bi-cursor-fill"></i>
       <div class="label">cursor-fill</div>
@@ -1985,6 +2081,10 @@
       <i class="bi bi-dash-circle"></i>
       <div class="label">dash-circle</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-dash-lg"></i>
+      <div class="label">dash-lg</div>
+    </div>
     <div class="icon">
       <i class="bi bi-dash-square-dotted"></i>
       <div class="label">dash-square-dotted</div>
@@ -2001,6 +2101,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>
@@ -2097,6 +2213,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>
@@ -2129,6 +2253,18 @@
       <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>
+    </div>
     <div class="icon">
       <i class="bi bi-droplet-fill"></i>
       <div class="label">droplet-fill</div>
@@ -2141,6 +2277,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>
@@ -2153,6 +2297,22 @@
       <i class="bi bi-easel"></i>
       <div class="label">easel</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-easel2-fill"></i>
+      <div class="label">easel2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel2"></i>
+      <div class="label">easel2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel3-fill"></i>
+      <div class="label">easel3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel3"></i>
+      <div class="label">easel3</div>
+    </div>
     <div class="icon">
       <i class="bi bi-egg-fill"></i>
       <div class="label">egg-fill</div>
@@ -2261,6 +2421,30 @@
       <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>
@@ -2273,6 +2457,30 @@
       <i class="bi bi-envelope-open"></i>
       <div class="label">envelope-open</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>
@@ -2285,6 +2493,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>
@@ -2301,6 +2513,10 @@
       <i class="bi bi-exclamation-diamond"></i>
       <div class="label">exclamation-diamond</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-lg"></i>
+      <div class="label">exclamation-lg</div>
+    </div>
     <div class="icon">
       <i class="bi bi-exclamation-octagon-fill"></i>
       <div class="label">exclamation-octagon-fill</div>
@@ -2333,6 +2549,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>
@@ -2361,6 +2585,10 @@
       <i class="bi bi-facebook"></i>
       <div class="label">facebook</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-fan"></i>
+      <div class="label">fan</div>
+    </div>
     <div class="icon">
       <i class="bi bi-file-arrow-down-fill"></i>
       <div class="label">file-arrow-down-fill</div>
@@ -2565,6 +2793,14 @@
       <i class="bi bi-file-earmark-music"></i>
       <div class="label">file-earmark-music</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-pdf-fill"></i>
+      <div class="label">file-earmark-pdf-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-pdf"></i>
+      <div class="label">file-earmark-pdf</div>
+    </div>
     <div class="icon">
       <i class="bi bi-file-earmark-person-fill"></i>
       <div class="label">file-earmark-person-fill</div>
@@ -2749,6 +2985,14 @@
       <i class="bi bi-file-music"></i>
       <div class="label">file-music</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-file-pdf-fill"></i>
+      <div class="label">file-pdf-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-pdf"></i>
+      <div class="label">file-pdf</div>
+    </div>
     <div class="icon">
       <i class="bi bi-file-person-fill"></i>
       <div class="label">file-person-fill</div>
@@ -2897,6 +3141,10 @@
       <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>
@@ -3009,6 +3257,22 @@
       <i class="bi bi-gem"></i>
       <div class="label">gem</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-gender-ambiguous"></i>
+      <div class="label">gender-ambiguous</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gender-female"></i>
+      <div class="label">gender-female</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gender-male"></i>
+      <div class="label">gender-male</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gender-trans"></i>
+      <div class="label">gender-trans</div>
+    </div>
     <div class="icon">
       <i class="bi bi-geo-alt-fill"></i>
       <div class="label">geo-alt-fill</div>
@@ -3033,6 +3297,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>
@@ -3049,10 +3317,22 @@
       <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>
+    </div>
     <div class="icon">
       <i class="bi bi-graph-down"></i>
       <div class="label">graph-down</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-graph-up-arrow"></i>
+      <div class="label">graph-up-arrow</div>
+    </div>
     <div class="icon">
       <i class="bi bi-graph-up"></i>
       <div class="label">graph-up</div>
@@ -3185,10 +3465,22 @@
       <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>
     </div>
+    <div class="icon">
+      <i class="bi bi-headset-vr"></i>
+      <div class="label">headset-vr</div>
+    </div>
     <div class="icon">
       <i class="bi bi-headset"></i>
       <div class="label">headset</div>
@@ -3269,6 +3561,10 @@
       <i class="bi bi-hurricane"></i>
       <div class="label">hurricane</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-hypnotize"></i>
+      <div class="label">hypnotize</div>
+    </div>
     <div class="icon">
       <i class="bi bi-image-alt"></i>
       <div class="label">image-alt</div>
@@ -3301,6 +3597,10 @@
       <i class="bi bi-inboxes"></i>
       <div class="label">inboxes</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>
@@ -3309,6 +3609,10 @@
       <i class="bi bi-info-circle"></i>
       <div class="label">info-circle</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-info-lg"></i>
+      <div class="label">info-lg</div>
+    </div>
     <div class="icon">
       <i class="bi bi-info-square-fill"></i>
       <div class="label">info-square-fill</div>
@@ -3557,6 +3861,10 @@
       <i class="bi bi-lightning"></i>
       <div class="label">lightning</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-line"></i>
+      <div class="label">line</div>
+    </div>
     <div class="icon">
       <i class="bi bi-link-45deg"></i>
       <div class="label">link-45deg</div>
@@ -3573,6 +3881,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>
@@ -3605,6 +3921,10 @@
       <i class="bi bi-lock"></i>
       <div class="label">lock</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-magic"></i>
+      <div class="label">magic</div>
+    </div>
     <div class="icon">
       <i class="bi bi-mailbox"></i>
       <div class="label">mailbox</div>
@@ -3633,6 +3953,14 @@
       <i class="bi bi-mask"></i>
       <div class="label">mask</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-mastodon"></i>
+      <div class="label">mastodon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-medium"></i>
+      <div class="label">medium</div>
+    </div>
     <div class="icon">
       <i class="bi bi-megaphone-fill"></i>
       <div class="label">megaphone-fill</div>
@@ -3641,6 +3969,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>
@@ -3673,6 +4005,14 @@
       <i class="bi bi-menu-up"></i>
       <div class="label">menu-up</div>
     </div>
+    <div class="icon">
+      <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>
@@ -3689,6 +4029,10 @@
       <i class="bi bi-mic"></i>
       <div class="label">mic</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-microsoft"></i>
+      <div class="label">microsoft</div>
+    </div>
     <div class="icon">
       <i class="bi bi-minecart-loaded"></i>
       <div class="label">minecart-loaded</div>
@@ -3697,6 +4041,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>
@@ -3717,6 +4069,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>
@@ -3765,6 +4133,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>
@@ -3801,6 +4173,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>
@@ -3897,6 +4277,30 @@
       <i class="bi bi-pause"></i>
       <div class="label">pause</div>
     </div>
+    <div class="icon">
+      <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>
@@ -3997,10 +4401,30 @@
       <i class="bi bi-person-plus"></i>
       <div class="label">person-plus</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-person-rolodex"></i>
+      <div class="label">person-rolodex</div>
+    </div>
     <div class="icon">
       <i class="bi bi-person-square"></i>
       <div class="label">person-square</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-person-video"></i>
+      <div class="label">person-video</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-video2"></i>
+      <div class="label">person-video2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-video3"></i>
+      <div class="label">person-video3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-workspace"></i>
+      <div class="label">person-workspace</div>
+    </div>
     <div class="icon">
       <i class="bi bi-person-x-fill"></i>
       <div class="label">person-x-fill</div>
@@ -4045,6 +4469,14 @@
       <i class="bi bi-pie-chart"></i>
       <div class="label">pie-chart</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-piggy-bank-fill"></i>
+      <div class="label">piggy-bank-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-piggy-bank"></i>
+      <div class="label">piggy-bank</div>
+    </div>
     <div class="icon">
       <i class="bi bi-pin-angle-fill"></i>
       <div class="label">pin-angle-fill</div>
@@ -4057,10 +4489,22 @@
       <i class="bi bi-pin-fill"></i>
       <div class="label">pin-fill</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-pin-map-fill"></i>
+      <div class="label">pin-map-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pin-map"></i>
+      <div class="label">pin-map</div>
+    </div>
     <div class="icon">
       <i class="bi bi-pin"></i>
       <div class="label">pin</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-pinterest"></i>
+      <div class="label">pinterest</div>
+    </div>
     <div class="icon">
       <i class="bi bi-pip-fill"></i>
       <div class="label">pip-fill</div>
@@ -4093,6 +4537,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>
@@ -4113,6 +4561,14 @@
       <i class="bi bi-plus-circle"></i>
       <div class="label">plus-circle</div>
     </div>
+    <div class="icon">
+      <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>
@@ -4141,6 +4597,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>
@@ -4149,6 +4613,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>
@@ -4165,6 +4637,10 @@
       <i class="bi bi-question-diamond"></i>
       <div class="label">question-diamond</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-question-lg"></i>
+      <div class="label">question-lg</div>
+    </div>
     <div class="icon">
       <i class="bi bi-question-octagon-fill"></i>
       <div class="label">question-octagon-fill</div>
@@ -4185,6 +4661,18 @@
       <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>
+    </div>
     <div class="icon">
       <i class="bi bi-rainbow"></i>
       <div class="label">rainbow</div>
@@ -4249,6 +4737,14 @@
       <i class="bi bi-record2"></i>
       <div class="label">record2</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-recycle"></i>
+      <div class="label">recycle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reddit"></i>
+      <div class="label">reddit</div>
+    </div>
     <div class="icon">
       <i class="bi bi-reply-all-fill"></i>
       <div class="label">reply-all-fill</div>
@@ -4265,6 +4761,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>
@@ -4277,6 +4785,22 @@
       <i class="bi bi-rulers"></i>
       <div class="label">rulers</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-safe-fill"></i>
+      <div class="label">safe-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-safe"></i>
+      <div class="label">safe</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-safe2-fill"></i>
+      <div class="label">safe2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-safe2"></i>
+      <div class="label">safe2</div>
+    </div>
     <div class="icon">
       <i class="bi bi-save-fill"></i>
       <div class="label">save-fill</div>
@@ -4301,6 +4825,14 @@
       <i class="bi bi-screwdriver"></i>
       <div class="label">screwdriver</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-sd-card-fill"></i>
+      <div class="label">sd-card-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sd-card"></i>
+      <div class="label">sd-card</div>
+    </div>
     <div class="icon">
       <i class="bi bi-search"></i>
       <div class="label">search</div>
@@ -4309,6 +4841,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>
@@ -4409,6 +4997,10 @@
       <i class="bi bi-shuffle"></i>
       <div class="label">shuffle</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-signal"></i>
+      <div class="label">signal</div>
+    </div>
     <div class="icon">
       <i class="bi bi-signpost-2-fill"></i>
       <div class="label">signpost-2-fill</div>
@@ -4537,6 +5129,10 @@
       <i class="bi bi-skip-start"></i>
       <div class="label">skip-start</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-skype"></i>
+      <div class="label">skype</div>
+    </div>
     <div class="icon">
       <i class="bi bi-slack"></i>
       <div class="label">slack</div>
@@ -4549,6 +5145,10 @@
       <i class="bi bi-slash-circle"></i>
       <div class="label">slash-circle</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-slash-lg"></i>
+      <div class="label">slash-lg</div>
+    </div>
     <div class="icon">
       <i class="bi bi-slash-square-fill"></i>
       <div class="label">slash-square-fill</div>
@@ -4569,6 +5169,10 @@
       <i class="bi bi-smartwatch"></i>
       <div class="label">smartwatch</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-snapchat"></i>
+      <div class="label">snapchat</div>
+    </div>
     <div class="icon">
       <i class="bi bi-snow"></i>
       <div class="label">snow</div>
@@ -4653,6 +5257,10 @@
       <i class="bi bi-spellcheck"></i>
       <div class="label">spellcheck</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-spotify"></i>
+      <div class="label">spotify</div>
+    </div>
     <div class="icon">
       <i class="bi bi-square-fill"></i>
       <div class="label">square-fill</div>
@@ -4665,6 +5273,10 @@
       <i class="bi bi-square"></i>
       <div class="label">square</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-stack-overflow"></i>
+      <div class="label">stack-overflow</div>
+    </div>
     <div class="icon">
       <i class="bi bi-stack"></i>
       <div class="label">stack</div>
@@ -4685,6 +5297,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>
@@ -4741,6 +5357,10 @@
       <i class="bi bi-stopwatch"></i>
       <div class="label">stopwatch</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-strava"></i>
+      <div class="label">strava</div>
+    </div>
     <div class="icon">
       <i class="bi bi-subtract"></i>
       <div class="label">subtract</div>
@@ -4909,10 +5529,22 @@
       <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"></i>
       <div class="label">terminal</div>
@@ -4985,6 +5617,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-perferated-fill"></i>
+      <div class="label">ticket-perferated-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ticket-perferated"></i>
+      <div class="label">ticket-perferated</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>
@@ -5017,6 +5685,10 @@
       <i class="bi bi-tornado"></i>
       <div class="label">tornado</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-translate"></i>
+      <div class="label">translate</div>
+    </div>
     <div class="icon">
       <i class="bi bi-trash-fill"></i>
       <div class="label">trash-fill</div>
@@ -5173,6 +5845,58 @@
       <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-vector-pen"></i>
       <div class="label">vector-pen</div>
@@ -5185,6 +5909,10 @@
       <i class="bi bi-view-stacked"></i>
       <div class="label">view-stacked</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-vimeo"></i>
+      <div class="label">vimeo</div>
+    </div>
     <div class="icon">
       <i class="bi bi-vinyl-fill"></i>
       <div class="label">vinyl-fill</div>
@@ -5253,6 +5981,14 @@
       <i class="bi bi-water"></i>
       <div class="label">water</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-webcam-fill"></i>
+      <div class="label">webcam-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-webcam"></i>
+      <div class="label">webcam</div>
+    </div>
     <div class="icon">
       <i class="bi bi-whatsapp"></i>
       <div class="label">whatsapp</div>
@@ -5277,18 +6013,54 @@
       <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>
     </div>
+    <div class="icon">
+      <i class="bi bi-windows"></i>
+      <div class="label">windows</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wordpress"></i>
+      <div class="label">wordpress</div>
+    </div>
     <div class="icon">
       <i class="bi bi-wrench"></i>
       <div class="label">wrench</div>
@@ -5309,6 +6081,10 @@
       <i class="bi bi-x-diamond"></i>
       <div class="label">x-diamond</div>
     </div>
+    <div class="icon">
+      <i class="bi bi-x-lg"></i>
+      <div class="label">x-lg</div>
+    </div>
     <div class="icon">
       <i class="bi bi-x-octagon-fill"></i>
       <div class="label">x-octagon-fill</div>
@@ -5329,6 +6105,14 @@
       <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>
+    </div>
     <div class="icon">
       <i class="bi bi-youtube"></i>
       <div class="label">youtube</div>