Rest of deploy

21 files changed, 8117 insertions, 3347 deletions

diff --git a/404.html b/404.html
index 9f6b8fc76..0e38020d2 100644
--- a/404.html
+++ b/404.html
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>404 - File not found · Bootstrap Icons</title>
 <meta name="description" content="Official open source SVG icon library for Bootstrap">
-<meta name="generator" content="Hugo 0.69.2">
+<meta name="generator" content="Hugo 0.73.0">
 
 <link rel="canonical" href="https://icons.getbootstrap.com/404.html">
 
@@ -16,10 +16,9 @@
 <link rel="icon" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
 <link rel="icon" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
 <link rel="manifest" href="/assets/img/favicons/manifest.json">
-<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
+<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
 <link rel="icon" href="/assets/img/favicons/favicon.ico">
-<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
-<meta name="theme-color" content="#563d7c">
+<meta name="theme-color" content="#7952b3">
 
 <!-- Twitter -->
 <meta name="twitter:card" content="summary">
@@ -56,13 +55,12 @@
 
     <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar px-0">
   <div class="container flex-wrap flex-md-nowrap py-0 px-3">
-    <a class="navbar-brand mr-0 mr-md-2" href="https://getbootstrap.com/" aria-label="Bootstrap">
-      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" class="d-block" viewBox="0 0 64 64" role="img"><title>Bootstrap</title><path fill="currentColor" fill-rule="evenodd" d="M16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48V16C0 7.163 7.163 0 16 0zm18.14 49c7.22 0 11.555-3.633 11.555-9.586 0-4.406-3.047-7.664-7.617-8.133v-.398c3.328-.563 5.93-3.727 5.93-7.266 0-5.203-3.82-8.437-10.172-8.437H20.242V49h13.899zm-8.648-29.367h7.125c3.89 0 6.164 1.828 6.164 4.945 0 3.211-2.414 4.922-7.054 4.922h-6.235v-9.867zm0 24.914V33.648h7.29c4.945 0 7.546 1.852 7.546 5.391 0 3.586-2.508 5.508-7.242 5.508h-7.594z"/></svg>
-
+    <a class="navbar-brand p-0 mr-0 mr-md-2" href="https://getbootstrap.com/" aria-label="Bootstrap">
+      <svg xmlns="http://www.w3.org/2000/svg" height="32" class="d-block" viewBox="0 0 118 94" role="img"><title>Bootstrap</title><path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z" fill="currentColor"/></svg>
     </a>
 
-    <div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center justify-content-md-start">
-      <ul class="navbar-nav bd-navbar-nav flex-row">
+    <div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center justify-content-md-start mt-1 mt-md-0">
+      <ul class="navbar-nav bd-navbar-nav flex-row py-2 py-md-0">
         <li class="nav-item">
           <a class="nav-link " href="https://getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a>
         </li>
@@ -89,28 +87,28 @@
 
     <ul class="navbar-nav ml-sm-auto">
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="https://github.com/twbs" target="_blank" rel="noopener" aria-label="GitHub">
+        <a class="nav-link px-1 mx-1 py-2" href="https://github.com/twbs" target="_blank" rel="noopener" aria-label="GitHub">
           <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" class="navbar-nav-svg" viewBox="0 0 512 499.36" role="img"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"/></svg>
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="https://twitter.com/getbootstrap" target="_blank" rel="noopener" aria-label="Twitter">
+        <a class="nav-link px-1 mx-1 py-2" href="https://twitter.com/getbootstrap" target="_blank" rel="noopener" aria-label="Twitter">
           <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" class="navbar-nav-svg" viewBox="0 0 512 416.32" role="img"><title>Twitter</title><path fill="currentColor" d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92"/></svg>
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="https://bootstrap-slack.herokuapp.com/" target="_blank" rel="noopener" aria-label="Slack">
+        <a class="nav-link px-1 mx-1 py-2" href="https://bootstrap-slack.herokuapp.com/" target="_blank" rel="noopener" aria-label="Slack">
           <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" class="navbar-nav-svg" viewBox="0 0 512 512" role="img"><title>Slack</title><path fill="currentColor" d="M210.787 234.832l68.31-22.883 22.1 65.977-68.309 22.882z"/><path fill="currentColor" d="M490.54 185.6C437.7 9.59 361.6-31.34 185.6 21.46S-31.3 150.4 21.46 326.4 150.4 543.3 326.4 490.54 543.34 361.6 490.54 185.6zM401.7 299.8l-33.15 11.05 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.38-68.36 22.92 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.43-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.5-13.92 2.87-29.06 16.78-33.56l33.12-11.03-22.1-65.9-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.48-13.93 2.89-29.07 16.81-33.58l33.15-11.05-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.46 34.38 68.36-22.92-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.47 34.42 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.87 29.06-16.78 33.56L329.7 194.6l22.1 65.9 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.88 29.07-16.81 33.57z"/></svg>
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="/" target="_blank" rel="noopener" aria-label="Open Collective">
+        <a class="nav-link px-1 mx-1 py-2" href="https://opencollective.com/bootstrap/" target="_blank" rel="noopener" aria-label="Open Collective">
           <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" fill-rule="evenodd" class="navbar-nav-svg" viewBox="0 0 40 41" role="img"><title>Open Collective</title><path fill-opacity=".4" d="M32.8 21c0 2.4-.8 4.9-2 6.9l5.1 5.1c2.5-3.4 4.1-7.6 4.1-12 0-4.6-1.6-8.8-4-12.2L30.7 14c1.2 2 2 4.3 2 7z"/><path d="M20 33.7a12.8 12.8 0 0 1 0-25.6c2.6 0 5 .7 7 2.1L32 5a20 20 0 1 0 .1 31.9l-5-5.2a13 13 0 0 1-7 2z"/></svg>
         </a>
       </li>
     </ul>
 
-    <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="https://github.com/twbs/icons/archive/v1.0.0-alpha4.zip">Download</a>
+    <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="https://github.com/twbs/icons/archive/v1.0.0-alpha5.zip">Download</a>
   </div>
 </header>
 
@@ -134,7 +132,7 @@
     <hr class="my-4">
 
     <p class="text-muted">
-      Currently v1.0.0-alpha4
+      Currently v1.0.0-alpha5
       <span class="px-1">&#8226;</span>
       <a href="#icons">Icons</a>
       <span class="px-1">&#8226;</span>
@@ -163,7 +161,7 @@
       <li><a href="https://twitter.com/getbootstrap">Twitter</a></li>
       <li><a href="https://getbootstrap.com/docs/4.5/about/overview/">About</a></li>
     </ul>
-    <p>Currently v1.0.0-alpha4. Icons and documentation licensed <a href="https://github.com/twbs/icons/blob/master/LICENSE.md" target="_blank" rel="license noopener">MIT</a>.</p>
+    <p>Currently v1.0.0-alpha5. Icons and documentation licensed <a href="https://github.com/twbs/icons/blob/main/LICENSE.md" target="_blank" rel="license noopener">MIT</a>.</p>
   </div>
 </footer>
 
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
index 447cec2c4..e7053f970 100644
--- a/apple-touch-icon.png
+++ b/apple-touch-icon.png
diff --git a/assets/css/bootstrap.min.css b/assets/css/bootstrap.min.css
index 07dad8402..80ca4b422 100644
--- a/assets/css/bootstrap.min.css
+++ b/assets/css/bootstrap.min.css
@@ -2,6 +2,6 @@
  * Bootstrap v5.0.0-alpha1 (https://getbootstrap.com/)
  * Copyright 2011-2020 The Bootstrap Authors
  * Copyright 2011-2020 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#28a745;--bs-teal:#20c997;--bs-cyan:#17a2b8;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#28a745;--bs-info:#17a2b8;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#024dbc}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%;min-width:0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.333333%}.col-2{flex:0 0 auto;width:16.666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.333333%}.col-5{flex:0 0 auto;width:41.666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.333333%}.col-8{flex:0 0 auto;width:66.666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.333333%}.col-11{flex:0 0 auto;width:91.666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%;min-width:0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.333333%}.col-sm-2{flex:0 0 auto;width:16.666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.333333%}.col-sm-5{flex:0 0 auto;width:41.666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.333333%}.col-sm-8{flex:0 0 auto;width:66.666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.333333%}.col-sm-11{flex:0 0 auto;width:91.666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%;min-width:0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.333333%}.col-md-2{flex:0 0 auto;width:16.666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-5{flex:0 0 auto;width:41.666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.333333%}.col-md-8{flex:0 0 auto;width:66.666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.333333%}.col-md-11{flex:0 0 auto;width:91.666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%;min-width:0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.333333%}.col-lg-2{flex:0 0 auto;width:16.666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-5{flex:0 0 auto;width:41.666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.333333%}.col-lg-8{flex:0 0 auto;width:66.666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.333333%}.col-lg-11{flex:0 0 auto;width:91.666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%;min-width:0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.333333%}.col-xl-2{flex:0 0 auto;width:16.666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.333333%}.col-xl-5{flex:0 0 auto;width:41.666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.333333%}.col-xl-8{flex:0 0 auto;width:66.666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.333333%}.col-xl-11{flex:0 0 auto;width:91.666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%;min-width:0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.333333%}.col-xxl-2{flex:0 0 auto;width:16.666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.333333%}.col-xxl-5{flex:0 0 auto;width:41.666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.333333%}.col-xxl-8{flex:0 0 auto;width:66.666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.333333%}.col-xxl-11{flex:0 0 auto;width:91.666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.333333%}.offset-xxl-2{margin-left:16.666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.333333%}.offset-xxl-5{margin-left:41.666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.333333%}.offset-xxl-8{margin-left:66.666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.333333%}.offset-xxl-11{margin-left:91.666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);background-image:linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));border-bottom-width:1px}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#bbd6fe;--bs-table-striped-bg:#b3cdf3;--bs-table-striped-color:#212529;--bs-table-active-bg:#acc4e9;--bs-table-active-color:#212529;--bs-table-hover-bg:#afc9ee;--bs-table-hover-color:#212529;color:#212529;border-color:#acc4e9}.table-secondary{--bs-table-bg:#d6d8db;--bs-table-striped-bg:#cdcfd2;--bs-table-striped-color:#212529;--bs-table-active-bg:#c4c6c9;--bs-table-active-color:#212529;--bs-table-hover-bg:#c8cbce;--bs-table-hover-color:#212529;color:#212529;border-color:#c4c6c9}.table-success{--bs-table-bg:#c3e6cb;--bs-table-striped-bg:#bbdcc3;--bs-table-striped-color:#212529;--bs-table-active-bg:#b3d3bb;--bs-table-active-color:#212529;--bs-table-hover-bg:#b7d8bf;--bs-table-hover-color:#212529;color:#212529;border-color:#b3d3bb}.table-info{--bs-table-bg:#bee5eb;--bs-table-striped-bg:#b6dbe1;--bs-table-striped-color:#212529;--bs-table-active-bg:#aed2d8;--bs-table-active-color:#212529;--bs-table-hover-bg:#b2d7dc;--bs-table-hover-color:#212529;color:#212529;border-color:#aed2d8}.table-warning{--bs-table-bg:#ffeeba;--bs-table-striped-bg:#f4e4b3;--bs-table-striped-color:#212529;--bs-table-active-bg:#e9daac;--bs-table-active-color:#212529;--bs-table-hover-bg:#eedfaf;--bs-table-hover-color:#212529;color:#212529;border-color:#e9daac}.table-danger{--bs-table-bg:#f5c6cb;--bs-table-striped-bg:#eabec3;--bs-table-striped-color:#212529;--bs-table-active-bg:#e0b6bb;--bs-table-active-color:#212529;--bs-table-hover-bg:#e5babf;--bs-table-hover-color:#212529;color:#212529;border-color:#e0b6bb}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#edeef0;--bs-table-striped-color:#212529;--bs-table-active-bg:#e3e4e5;--bs-table-active-color:#212529;--bs-table-hover-bg:#e8e9ea;--bs-table-hover-color:#212529;color:#212529;border-color:#e3e4e5}.table-dark{--bs-table-bg:#343a40;--bs-table-striped-bg:#3e444a;--bs-table-striped-color:#fff;--bs-table-active-bg:#484e53;--bs-table-active-color:#fff;--bs-table-hover-bg:#43494e;--bs-table-hover-color:#fff;color:#fff;border-color:#484e53}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;min-height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control:focus{color:#495057;background-color:#fff;border-color:#8bbafe;outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:.25rem}.form-control-color::-webkit-color-swatch{border-radius:.25rem}.form-select{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#8bbafe;outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.form-select:focus::-ms-value{color:#495057;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#6c757d;background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.75em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.75em}.form-check-input{width:1.25em;height:1.25em;margin-top:.125em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-check-input{transition:none}}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#8bbafe;outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238bbafe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.form-file{--bs-form-file-height:calc(1.5em + 0.75rem + 2px);position:relative}.form-file-input{position:relative;z-index:2;width:100%;height:var(--bs-form-file-height);margin:0;opacity:0}.form-file-input:focus-within~.form-file-label{border-color:#8bbafe;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.form-file-input:disabled~.form-file-label .form-file-text,.form-file-input[disabled]~.form-file-label .form-file-text{background-color:#e9ecef}.form-file-label{position:absolute;top:0;right:0;left:0;z-index:1;display:flex;height:var(--bs-form-file-height);border-color:#ced4da;border-radius:.25rem}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border-color:inherit;border-style:solid;border-width:1px;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.form-file-button{display:block;flex-shrink:0;padding:.375rem .75rem;margin-left:-1px;line-height:1.5;color:#495057;background-color:#e9ecef;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-file-sm{--bs-form-file-height:calc(1.5em + 0.5rem + 2px);font-size:.875rem}.form-file-sm .form-file-button,.form-file-sm .form-file-text{padding:.25rem .5rem}.form-file-lg{--bs-form-file-height:calc(1.5em + 1rem + 2px);font-size:1.25rem}.form-file-lg .form-file-button,.form-file-lg .form-file-text{padding:.5rem 1rem}.form-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(13,110,253,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#bed8fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#bed8fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#0d6efd;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-ms-thumb{-ms-transition:none;transition:none}}.form-range::-ms-thumb:active{background-color:#bed8fe}.form-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.form-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-range:disabled::-ms-thumb{background-color:#adb5bd}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-file,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-file .form-file-input:focus~.form-file-label,.input-group>.form-select:focus{z-index:3}.input-group>.form-file>.form-file-input:focus{z-index:4}.input-group>.form-file:not(:last-child)>.form-file-label{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-file:not(:first-child)>.form-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.form-control{min-height:calc(1.5em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.5em + 1rem + 2px)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.5em + .5rem + 2px)}.input-group-sm>.form-select{height:calc(1.5em + .5rem + 2px)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.dropdown-toggle:nth-last-child(n+3),.input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#28a745}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#28a745}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.form-file-input.is-valid~.form-file-label,.was-validated .form-file-input:valid~.form-file-label{border-color:#28a745}.form-file-input.is-valid:focus~.form-file-label,.was-validated .form-file-input:valid:focus~.form-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 1.75rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.form-file-input.is-invalid~.form-file-label,.was-validated .form-file-input:invalid~.form-file-label{border-color:#dc3545}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#025ce2;border-color:#0257d5}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#025ce2;border-color:#0257d5;box-shadow:0 0 0 .2rem rgba(49,132,253,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0257d5;border-color:#0252c9}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(13,110,253,.5)}.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .2rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#024dbc}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-left{right:auto;left:0}.dropdown-menu-xxl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{align-items:center;width:100%}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .2rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-collapse{display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-collapse{display:flex!important}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-collapse{display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-collapse{display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-collapse{display:flex!important}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-collapse{display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.5rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item{display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#024dbc;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .5em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3.5rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:1rem 1rem;color:inherit}.alert-primary{color:#073984;background-color:#cfe2ff;border-color:#bbd6fe}.alert-primary .alert-link{color:#042454}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#073984;background-color:#bbd6fe}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#073984;background-color:#a2c7fe}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#073984;border-color:#073984}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{font-size:calc(1.275rem + .3vw);font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow,.bs-tooltip-right .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before,.bs-tooltip-right .tooltip-arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,.bs-tooltip-left .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before,.bs-tooltip-left .tooltip-arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.popover-arrow,.bs-popover-right>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.popover-arrow::before,.bs-popover-right>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.popover-arrow::after,.bs-popover-right>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.popover-arrow,.bs-popover-left>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.popover-arrow::before,.bs-popover-left>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.popover-arrow::after,.bs-popover-left>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#024dbc}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#494f54}.link-success{color:#28a745}.link-success:focus,.link-success:hover{color:#19692c}.link-info{color:#17a2b8}.link-info:focus,.link-info:hover{color:#0f6674}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ba8b00}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#a71d2a}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#cbd3da}.link-dark{color:#343a40}.link-dark:focus,.link-dark:hover{color:#121416}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only,.sr-only-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee2e6!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee2e6!important}.border-left-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mr-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.ml-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#28a745!important}.text-info{color:#17a2b8!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.text-dark{color:#343a40!important}.text-white{color:#fff!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#28a745!important}.bg-info{background-color:#17a2b8!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#343a40!important}.bg-body{background-color:#fff!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.font-italic{font-style:italic!important}.font-normal{font-style:normal!important}.text-break{word-wrap:break-word!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-sm{border-radius:.2rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.5rem!important}.mr-sm-5{margin-right:3rem!important}.mr-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.5rem!important}.ml-sm-5{margin-left:3rem!important}.ml-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.5rem!important}.pr-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.5rem!important}.pl-sm-5{padding-left:3rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.5rem!important}.mr-md-5{margin-right:3rem!important}.mr-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.5rem!important}.ml-md-5{margin-left:3rem!important}.ml-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.5rem!important}.pr-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.5rem!important}.pl-md-5{padding-left:3rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.5rem!important}.mr-lg-5{margin-right:3rem!important}.mr-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.5rem!important}.ml-lg-5{margin-left:3rem!important}.ml-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.5rem!important}.pr-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.5rem!important}.pl-lg-5{padding-left:3rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.5rem!important}.mr-xl-5{margin-right:3rem!important}.mr-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.5rem!important}.ml-xl-5{margin-left:3rem!important}.ml-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.5rem!important}.pr-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.5rem!important}.pl-xl-5{padding-left:3rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-left{float:left!important}.float-xxl-right{float:right!important}.float-xxl-none{float:none!important}.d-xxl-none{display:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.mr-xxl-0{margin-right:0!important}.mr-xxl-1{margin-right:.25rem!important}.mr-xxl-2{margin-right:.5rem!important}.mr-xxl-3{margin-right:1rem!important}.mr-xxl-4{margin-right:1.5rem!important}.mr-xxl-5{margin-right:3rem!important}.mr-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ml-xxl-0{margin-left:0!important}.ml-xxl-1{margin-left:.25rem!important}.ml-xxl-2{margin-left:.5rem!important}.ml-xxl-3{margin-left:1rem!important}.ml-xxl-4{margin-left:1.5rem!important}.ml-xxl-5{margin-left:3rem!important}.ml-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pr-xxl-0{padding-right:0!important}.pr-xxl-1{padding-right:.25rem!important}.pr-xxl-2{padding-right:.5rem!important}.pr-xxl-3{padding-right:1rem!important}.pr-xxl-4{padding-right:1.5rem!important}.pr-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.pl-xxl-0{padding-left:0!important}.pl-xxl-1{padding-left:.25rem!important}.pl-xxl-2{padding-left:.5rem!important}.pl-xxl-3{padding-left:1rem!important}.pl-xxl-4{padding-left:1.5rem!important}.pl-xxl-5{padding-left:3rem!important}.text-xxl-left{text-align:left!important}.text-xxl-right{text-align:right!important}.text-xxl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#28a745;--bs-teal:#20c997;--bs-cyan:#17a2b8;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#28a745;--bs-info:#17a2b8;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,h1,h2,h3{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}strong{font-weight:bolder}a{color:#0d6efd;text-decoration:underline}a:hover{color:#024dbc}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,pre{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),button:not(:disabled){cursor:pointer}textarea{resize:vertical}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}summary{display:list-item;cursor:pointer}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.list-unstyled{padding-left:0;list-style:none}.figure{display:inline-block}.container{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex:1 0 100%;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-3>*{flex:0 0 auto;width:33.333333%}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}}@media (min-width:768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-6{flex:0 0 auto;width:50%}.col-md-8{flex:0 0 auto;width:66.666667%}}@media (min-width:992px){.row-cols-lg-6>*{flex:0 0 auto;width:16.666667%}.col-lg-1{flex:0 0 auto;width:8.333333%}.col-lg-2{flex:0 0 auto;width:16.666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-5{flex:0 0 auto;width:41.666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.333333%}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);background-image:linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));border-bottom-width:1px}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.form-control{display:block;width:100%;min-height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control:focus{color:#495057;background-color:#fff;border-color:#8bbafe;outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.btn:disabled{pointer-events:none;opacity:.65}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(13,110,253,.5)}.btn-outline-primary.active,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .2rem rgba(13,110,253,.5)}.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.collapse:not(.show){display:none}.dropdown{position:relative}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.active{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card-text:last-child{margin-bottom:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:.5rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item{display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item.active{color:#6c757d}.badge{display:inline-block;padding:.25em .5em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.sr-only,.sr-only-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.order-3{order:3!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-1{margin-top:.25rem!important}.mt-5{margin-top:3rem!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-1{padding-top:.25rem!important}.font-weight-normal{font-weight:400!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-success{color:#28a745!important}.text-dark{color:#343a40!important}.text-muted{color:#6c757d!important}.bg-light{background-color:#f8f9fa!important}.bg-transparent{background-color:transparent!important}.text-decoration-none{text-decoration:none!important}.rounded{border-radius:.25rem!important}@media (min-width:576px){.ml-sm-auto{margin-left:auto!important}.text-sm-left{text-align:left!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-nowrap{flex-wrap:nowrap!important}.justify-content-md-start{justify-content:flex-start!important}.align-items-md-center{align-items:center!important}.order-md-0{order:0!important}.mt-md-0{margin-top:0!important}.mr-md-2{margin-right:.5rem!important}.mb-md-0{margin-bottom:0!important}.ml-md-3{margin-left:1rem!important}.p-md-3{padding:1rem!important}.p-md-5{padding:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}}@media (min-width:992px){.d-lg-inline-block{display:inline-block!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}}
 /*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/assets/css/docs.css b/assets/css/docs.css
index e85612e86..194a9380c 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -1 +1 @@
-.btn-bd-primary{font-weight:600;color:#7952b3;border-color:#7952b3}.btn-bd-primary:hover,.btn-bd-primary:active{color:#fff;background-color:#7952b3;border-color:#7952b3}.btn-bd-primary:focus{box-shadow:0 0 0 3px rgba(121,82,179,0.25)}.btn-bd-download{font-weight:600;color:#ffe484;border-color:#ffe484}.btn-bd-download:hover,.btn-bd-download:active{color:#2a2730;background-color:#ffe484;border-color:#ffe484}.btn-bd-download:focus{box-shadow:0 0 0 3px rgba(255,228,132,0.25)}.bd-clipboard{position:relative;display:none;float:right}.bd-clipboard+.highlight{margin-top:0}@media (min-width: 768px){.bd-clipboard{display:block}}.btn-clipboard{position:absolute;top:.5rem;right:.5rem;z-index:10;display:block;padding:.25rem .5rem;font-size:.75em;color:#343a40;background-color:transparent;border:0;border-radius:.25rem}.btn-clipboard:hover{color:#fff;background-color:#0d6efd}.bd-navbar{min-height:4rem;background-color:#7952b3}@media (max-width: 991.98px){.bd-navbar .navbar-nav-scroll{width:100%;height:2.5rem;margin-top:.25rem;overflow:hidden}.bd-navbar .navbar-nav-scroll .navbar-nav{padding-bottom:2rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.bd-navbar .navbar-nav .nav-link{color:rgba(255,255,255,0.85)}.bd-navbar .navbar-nav .nav-link.active,.bd-navbar .navbar-nav .nav-link:hover,.bd-navbar .navbar-nav .nav-link:focus{color:#fff;background-color:transparent}.bd-navbar .navbar-nav .nav-link.active{font-weight:600}.bd-navbar .navbar-nav-svg{display:inline-block;width:1rem;height:1rem;vertical-align:text-top}.skippy{display:block;padding:1em;color:#fff;text-align:center;background-color:#563d7c;outline:0}.skippy:hover{color:#fff}.skippy-text{padding:.5em;outline:1px dotted}.bd-footer{font-size:.875rem;color:#63707c}.bd-footer a{font-weight:600;color:#495057}.bd-footer a:hover,.bd-footer a:focus{color:#007bff}.bd-footer p{margin-bottom:0}.bd-footer-links{padding-left:0;margin-bottom:1rem}.bd-footer-links li{display:inline-block}.bd-footer-links li+li{margin-left:1rem}.chroma .dl{color:#4070a0}.chroma .c{color:#727272}.chroma .c1{color:#727272}.chroma .ch{font-style:italic;color:#60a0b0}.chroma .cm{color:#727272}.chroma .cp{color:#008085}.chroma .cpf{color:#007020}.chroma .cs{color:#727272}.chroma .gd{background-color:#fcc;border:1px solid #c00}.chroma .ge{font-style:italic}.chroma .gh{color:#030}.chroma .gi{background-color:#cfc;border:1px solid #0c0}.chroma .gl{text-decoration:underline}.chroma .go{color:#aaa}.chroma .gp{color:#009}.chroma .gr{color:#f00}.chroma .gs{font-weight:700}.chroma .gt{color:#9c6}.chroma .gu{color:#030}.chroma .il{color:#c24f19}.chroma .k{color:#069}.chroma .kc{color:#069}.chroma .kd{color:#069}.chroma .kn{color:#069}.chroma .kp{color:#069}.chroma .kr{color:#069}.chroma .kt{color:#078}.chroma .m{color:#c24f19}.chroma .mf{color:#c24f19}.chroma .mb{color:#40a070}.chroma .mh{color:#c24f19}.chroma .mi{color:#c24f19}.chroma .mo{color:#c24f19}.chroma .na{color:#006ee0}.chroma .nb{color:#366}.chroma .nc{color:#168174}.chroma .nd{color:#6b62de}.chroma .ne{color:#c00}.chroma .nf{color:#b715f4}.chroma .ni{color:#727272}.chroma .nl{color:#6b62de}.chroma .nn{color:#007ca5}.chroma .no{color:#360}.chroma .nt{color:#2f6f9f}.chroma .nv{color:#033}.chroma .o{color:#555}.chroma .ow{color:#000}.chroma .s{color:#d73038}.chroma .s1{color:#c30}.chroma .s2{color:#c30}.chroma .sa{color:#4070a0}.chroma .sb{color:#c30}.chroma .sc{color:#c30}.chroma .sd{font-style:italic;color:#c30}.chroma .se{color:#c30}.chroma .sh{color:#c30}.chroma .si{color:#a00}.chroma .sr{color:#337e7e}.chroma .ss{color:#fc3}.chroma .sx{color:#c30}.chroma .w{color:#bbb}#carbonads{padding:.75rem;overflow:auto;background-color:rgba(0,0,0,0.05);border-radius:.25rem}.carbon-img{float:left;margin-right:.75rem}@media (min-width: 768px){.carbon-img{margin-bottom:.5rem}}@media (min-width: 992px){.carbon-img{margin-bottom:0}}.carbon-text,.carbon-poweredby{display:block;color:#6c757d}.carbon-text:hover,.carbon-text:focus,.carbon-poweredby:hover,.carbon-poweredby:focus{color:#343a40;text-decoration:none}.carbon-text{margin-bottom:.5rem}@media (min-width: 768px){.carbon-text{font-size:.875rem}}.carbon-poweredby{margin-top:.75rem;font-size:.875rem}.highlight pre{padding:1.25rem;margin-bottom:1.5rem;background-color:rgba(0,0,0,0.025);border-radius:.25rem;scrollbar-width:none}.highlight pre::-webkit-scrollbar{display:none}.highlight pre code{word-wrap:normal}.bd-example{padding:1.25rem;border:1px solid rgba(0,0,0,0.1);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bd-example+.highlight pre{border-top-left-radius:0;border-top-right-radius:0}.f0{font-size:2rem}@media (min-width: 520px){.f0{font-size:3rem}}.f3{font-size:1.25rem}@media (min-width: 520px){.f3{font-size:1.5rem}}.f5{font-size:1rem}.hero{border-bottom:1px solid rgba(0,0,0,0.05)}.hero .f3{max-width:760px}.hero hr{max-width:100px}@media (min-width: 768px){.icon-search{width:35%}}.bi{display:inline-block;vertical-align:text-bottom}.list:empty::before{display:block;width:100%;padding:100px 2rem;margin-right:15px;margin-left:15px;color:#adb5bd;text-align:center;content:"Nothing found, try searching again.";background-color:#f8f9fa;border-radius:.5rem}.list{font-size:2rem}.list a:hover,.list a:hover .name,.list a:focus,.list a:focus .name{color:var(--bs-blue) !important}.btn-group>.btn{flex-shrink:0}.name{font-size:.8125rem}@media (min-width: 1200px){.row-cols-xl-8>*{flex:0 0 12.5%;max-width:12.5%}}
+.btn-bd-primary{font-weight:600;color:#7952b3;border-color:#7952b3}.btn-bd-primary:hover,.btn-bd-primary:active{color:#fff;background-color:#7952b3;border-color:#7952b3}.btn-bd-primary:focus{box-shadow:0 0 0 3px rgba(121,82,179,0.25)}.btn-bd-download{font-weight:600;color:#ffe484;border-color:#ffe484}.btn-bd-download:hover,.btn-bd-download:active{color:#2a2730;background-color:#ffe484;border-color:#ffe484}.btn-bd-download:focus{box-shadow:0 0 0 3px rgba(255,228,132,0.25)}.bd-clipboard{position:relative;display:none;float:right}.bd-clipboard+.highlight{margin-top:0}@media (min-width: 768px){.bd-clipboard{display:block}}.btn-clipboard{position:absolute;top:.5rem;right:.5rem;z-index:10;display:block;padding:.25rem .5rem;font-size:.75em;color:#0d6efd;background-color:#fff;border:1px solid;border-radius:.25rem}.btn-clipboard:hover{color:#fff;background-color:#0d6efd}.bd-navbar{padding:.625rem 0;background-color:#7952b3}@media (max-width: 991.98px){.bd-navbar .navbar-nav-scroll{width:100%}.bd-navbar .navbar-nav-scroll .navbar-nav{margin:-.5rem 0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.bd-navbar .navbar-nav .nav-link{color:rgba(255,255,255,0.85)}.bd-navbar .navbar-nav .nav-link:hover,.bd-navbar .navbar-nav .nav-link:focus{color:#fff}.bd-navbar .navbar-nav .nav-link.active{font-weight:600;color:#fff}.bd-navbar .navbar-nav-svg{width:1rem;height:1rem;vertical-align:text-top}.skippy{display:block;padding:1em;color:#fff;text-align:center;background-color:#563d7c;outline:0}.skippy:hover{color:#fff}.skippy-text{padding:.5em;outline:1px dotted}.bd-footer{font-size:.875rem;color:#63707c}.bd-footer a{font-weight:600;color:#495057}.bd-footer a:hover,.bd-footer a:focus{color:#007bff}.bd-footer p{margin-bottom:0}.bd-footer-links{padding-left:0;margin-bottom:1rem}.bd-footer-links li{display:inline-block}.bd-footer-links li+li{margin-left:1rem}.chroma .dl{color:#4070a0}.chroma .c{color:#727272}.chroma .c1{color:#727272}.chroma .ch{font-style:italic;color:#60a0b0}.chroma .cm{color:#727272}.chroma .cp{color:#008085}.chroma .cpf{color:#007020}.chroma .cs{color:#727272}.chroma .gd{background-color:#fcc;border:1px solid #c00}.chroma .ge{font-style:italic}.chroma .gh{color:#030}.chroma .gi{background-color:#cfc;border:1px solid #0c0}.chroma .gl{text-decoration:underline}.chroma .go{color:#aaa}.chroma .gp{color:#009}.chroma .gr{color:#f00}.chroma .gs{font-weight:700}.chroma .gt{color:#9c6}.chroma .gu{color:#030}.chroma .il{color:#c24f19}.chroma .k{color:#069}.chroma .kc{color:#069}.chroma .kd{color:#069}.chroma .kn{color:#069}.chroma .kp{color:#069}.chroma .kr{color:#069}.chroma .kt{color:#078}.chroma .m{color:#c24f19}.chroma .mf{color:#c24f19}.chroma .mb{color:#40a070}.chroma .mh{color:#c24f19}.chroma .mi{color:#c24f19}.chroma .mo{color:#c24f19}.chroma .na{color:#006ee0}.chroma .nb{color:#366}.chroma .nc{color:#168174}.chroma .nd{color:#6b62de}.chroma .ne{color:#c00}.chroma .nf{color:#b715f4}.chroma .ni{color:#727272}.chroma .nl{color:#6b62de}.chroma .nn{color:#007ca5}.chroma .no{color:#360}.chroma .nt{color:#2f6f9f}.chroma .nv{color:#033}.chroma .o{color:#555}.chroma .ow{color:#000}.chroma .s{color:#d73038}.chroma .s1{color:#c30}.chroma .s2{color:#c30}.chroma .sa{color:#4070a0}.chroma .sb{color:#c30}.chroma .sc{color:#c30}.chroma .sd{font-style:italic;color:#c30}.chroma .se{color:#c30}.chroma .sh{color:#c30}.chroma .si{color:#a00}.chroma .sr{color:#337e7e}.chroma .ss{color:#fc3}.chroma .sx{color:#c30}.chroma .w{color:#bbb}#carbonads{padding:.75rem;overflow:auto;background-color:rgba(0,0,0,0.05);border-radius:.25rem}.carbon-img{float:left;margin-right:.75rem}@media (min-width: 768px){.carbon-img{margin-bottom:.5rem}}@media (min-width: 992px){.carbon-img{margin-bottom:0}}.carbon-text,.carbon-poweredby{display:block;color:#6c757d}.carbon-text:hover,.carbon-text:focus,.carbon-poweredby:hover,.carbon-poweredby:focus{color:#343a40;text-decoration:none}.carbon-text{margin-bottom:.5rem;text-decoration:none}@media (min-width: 768px){.carbon-text{font-size:.875rem}}.carbon-poweredby{margin-top:.75rem;font-size:.875rem}.highlight pre{padding:1.25rem;margin-bottom:1.5rem;background-color:rgba(0,0,0,0.025);border-radius:.25rem;scrollbar-width:none}.highlight pre::-webkit-scrollbar{display:none}.highlight pre code{word-wrap:normal}.bd-example{padding:1.25rem;border:1px solid rgba(0,0,0,0.1);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bd-example+.highlight pre{border-top-left-radius:0;border-top-right-radius:0}.f0{font-size:2rem}@media (min-width: 520px){.f0{font-size:3rem}}.f3{font-size:1.25rem}@media (min-width: 520px){.f3{font-size:1.5rem}}.f5{font-size:1rem}.hero{border-bottom:1px solid rgba(0,0,0,0.05)}.hero .f3{max-width:760px}.hero hr{max-width:100px}@media (min-width: 768px){.icon-search{width:35%}}.bi{display:inline-block;vertical-align:text-bottom}.list:empty::before{display:block;width:100%;padding:100px 2rem;margin-right:15px;margin-left:15px;color:#adb5bd;text-align:center;content:"Nothing found, try searching again.";background-color:#f8f9fa;border-radius:.5rem}.list{font-size:2rem}.list a:hover,.list a:hover .name,.list a:focus,.list a:focus .name{color:var(--bs-blue) !important}.btn-group>.btn{flex-shrink:0}.name{font-size:.8125rem}@media (min-width: 1200px){.row-cols-xl-8>*{flex:0 0 12.5%;max-width:12.5%}}
diff --git a/assets/img/favicons/android-chrome-192x192.png b/assets/img/favicons/android-chrome-192x192.png
index 547386f37..1c276a531 100644
--- a/assets/img/favicons/android-chrome-192x192.png
+++ b/assets/img/favicons/android-chrome-192x192.png
diff --git a/assets/img/favicons/android-chrome-512x512.png b/assets/img/favicons/android-chrome-512x512.png
index eae76488d..936025e1c 100644
--- a/assets/img/favicons/android-chrome-512x512.png
+++ b/assets/img/favicons/android-chrome-512x512.png
diff --git a/assets/img/favicons/apple-touch-icon.png b/assets/img/favicons/apple-touch-icon.png
index 447cec2c4..e7053f970 100644
--- a/assets/img/favicons/apple-touch-icon.png
+++ b/assets/img/favicons/apple-touch-icon.png
diff --git a/assets/img/favicons/browserconfig.xml b/assets/img/favicons/browserconfig.xml
deleted file mode 100644
index 30422dc85..000000000
--- a/assets/img/favicons/browserconfig.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-  <msapplication>
-    <tile>
-      <square150x150logo src="/assets/img/favicons/mstile-150x150.png"/>
-      <TileColor>#563d7c</TileColor>
-    </tile>
-  </msapplication>
-</browserconfig>
diff --git a/assets/img/favicons/favicon-16x16.png b/assets/img/favicons/favicon-16x16.png
index 5f7d11880..46ab7f8c8 100644
--- a/assets/img/favicons/favicon-16x16.png
+++ b/assets/img/favicons/favicon-16x16.png
diff --git a/assets/img/favicons/favicon-32x32.png b/assets/img/favicons/favicon-32x32.png
index d752fd5d7..ca0593a21 100644
--- a/assets/img/favicons/favicon-32x32.png
+++ b/assets/img/favicons/favicon-32x32.png
diff --git a/assets/img/favicons/favicon.ico b/assets/img/favicons/favicon.ico
index b48b3442a..054990620 100644
--- a/assets/img/favicons/favicon.ico
+++ b/assets/img/favicons/favicon.ico
diff --git a/assets/img/favicons/manifest.json b/assets/img/favicons/manifest.json
index 2b23ebd9c..3256f9f5f 100644
--- a/assets/img/favicons/manifest.json
+++ b/assets/img/favicons/manifest.json
@@ -14,7 +14,7 @@
     }
   ],
   "start_url": "/?utm_source=a2hs",
-  "theme_color": "#563d7c",
-  "background_color": "#563d7c",
+  "theme_color": "#7952b3",
+  "background_color": "#7952b3",
   "display": "standalone"
 }
diff --git a/assets/img/favicons/mstile-144x144.png b/assets/img/favicons/mstile-144x144.png
deleted file mode 100644
index 262a3c2e1..000000000
--- a/assets/img/favicons/mstile-144x144.png
+++ /dev/null
diff --git a/assets/img/favicons/mstile-150x150.png b/assets/img/favicons/mstile-150x150.png
deleted file mode 100644
index bb87faf74..000000000
--- a/assets/img/favicons/mstile-150x150.png
+++ /dev/null
diff --git a/assets/img/favicons/mstile-310x150.png b/assets/img/favicons/mstile-310x150.png
deleted file mode 100644
index 2fc36a726..000000000
--- a/assets/img/favicons/mstile-310x150.png
+++ /dev/null
diff --git a/assets/img/favicons/mstile-310x310.png b/assets/img/favicons/mstile-310x310.png
deleted file mode 100644
index 7f00d0c66..000000000
--- a/assets/img/favicons/mstile-310x310.png
+++ /dev/null
diff --git a/assets/img/favicons/mstile-70x70.png b/assets/img/favicons/mstile-70x70.png
deleted file mode 100644
index 4da2de9e3..000000000
--- a/assets/img/favicons/mstile-70x70.png
+++ /dev/null
diff --git a/assets/img/favicons/safari-pinned-tab.svg b/assets/img/favicons/safari-pinned-tab.svg
index ddeeb53c9..aa6e85cb9 100644
--- a/assets/img/favicons/safari-pinned-tab.svg
+++ b/assets/img/favicons/safari-pinned-tab.svg
@@ -1,4 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" version="1" viewBox="0 0 700 700">
-  <path d="M104.5.7C89.2 2.6 77.4 6.2 63.8 13.2 41.7 24.5 24.5 41.7 13.2 63.8 7.5 75.1 4.8 82.3 2.3 94 .6 102.1.5 114.3.5 350s.1 247.9 1.8 256c2.5 11.7 5.2 18.9 10.9 30.2 11.3 22.1 28.5 39.3 50.6 50.6 11.3 5.7 18.5 8.4 30.2 10.9 8.1 1.7 20.3 1.8 256 1.8s247.9-.1 256-1.8c11.7-2.5 18.9-5.2 30.2-10.9 22.1-11.3 39.3-28.5 50.6-50.6 5.7-11.3 8.4-18.5 10.9-30.2 1.7-8.1 1.8-20.3 1.8-256s-.1-247.9-1.8-256c-2.5-11.7-5.2-18.9-10.9-30.2C670.9 32.6 642.9 11 607 2.4 599.9.7 587.2.6 353.5.4 218.2.3 106.2.5 104.5.7zm315.3 153.6c47.4 9 75.3 30.5 85.6 65.9 5.1 17.8 5.6 43.1 1.1 60.3-2 7.5-7.9 20.3-12.2 26.4-8 11.3-21.9 22.8-36 30-3.5 1.7-6.3 3.5-6.3 3.9 0 .5 2.3 1.4 5.1 2 2.8.7 8.5 2.6 12.7 4.3 37.2 14.8 58.1 50.4 58.2 99 0 28.6-9 53.9-25.7 71.8-18.8 20.3-45.2 32.9-83.3 39.8-8.5 1.5-20.9 1.7-119.2 2l-109.8.4V151.9l110.8.4c95.5.3 111.8.6 119 2z"/>
-  <path d="M262 266.5v56.6l65.3-.4c57.2-.3 65.9-.5 70.7-2 15.8-4.8 28.7-14.9 34.4-27.1 4.4-9.2 5.6-15.3 5.6-28.4-.1-25.1-7.5-39.8-24.3-47.7-14.1-6.7-14.2-6.7-86.4-7.2l-65.3-.5v56.7zm0 171.5v64.1l71.3-.3c69.8-.3 71.4-.4 79-2.6 11.4-3.2 19.2-7.7 27.2-15.7 12.1-12 16.8-24.9 16.8-46 0-20.8-5.1-34.3-17.3-45.9-7.9-7.4-15.8-11.6-28.1-14.7-8.1-2.1-10.5-2.2-78.6-2.6l-70.3-.5V438z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="none"><path fill="#000" fill-rule="evenodd" d="M39.878 20c-10.955 0-19.06 9.59-18.698 19.988.349 9.99-.104 22.93-3.361 33.48C14.55 84.052 9.026 90.756 0 91.615v9.719c9.026.86 14.55 7.563 17.819 18.147 3.257 10.551 3.71 23.491 3.361 33.48-.362 10.399 7.743 19.988 18.698 19.988h112.258c10.955 0 19.06-9.589 18.697-19.988-.348-9.989.104-22.929 3.362-33.48 3.268-10.584 8.779-17.287 17.805-18.147v-9.719c-9.026-.86-14.537-7.563-17.805-18.147-3.258-10.55-3.71-23.49-3.362-33.48C171.196 29.589 163.091 20 152.136 20H39.878zm88.665 94.15c0 14.32-10.68 23.002-28.404 23.002H68.713a2 2 0 01-2-2V57.797a2 2 0 012-2h31.253c14.779 0 24.478 8.006 24.478 20.296 0 8.626-6.524 16.35-14.837 17.703v.451c11.315 1.24 18.936 9.078 18.936 19.903zM96.848 66.114H79.644v24.3h14.491c11.2 0 17.377-4.51 17.377-12.573 0-7.555-5.311-11.727-14.664-11.727zm-17.204 33.941v26.78h17.84c11.661 0 17.838-4.68 17.838-13.475s-6.35-13.305-18.59-13.305H79.645z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
index b48b3442a..054990620 100644
--- a/favicon.ico
+++ b/favicon.ico
diff --git a/index.html b/index.html
index 97ead7e88..63d8c4eb6 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Bootstrap Icons · Official open source SVG icon library for Bootstrap</title>
 <meta name="description" content="Official open source SVG icon library for Bootstrap">
-<meta name="generator" content="Hugo 0.69.2">
+<meta name="generator" content="Hugo 0.73.0">
 
 <link rel="canonical" href="https://icons.getbootstrap.com/">
 
@@ -16,10 +16,9 @@
 <link rel="icon" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
 <link rel="icon" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
 <link rel="manifest" href="/assets/img/favicons/manifest.json">
-<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
+<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
 <link rel="icon" href="/assets/img/favicons/favicon.ico">
-<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
-<meta name="theme-color" content="#563d7c">
+<meta name="theme-color" content="#7952b3">
 
 <!-- Twitter -->
 <meta name="twitter:card" content="summary_large_image">
@@ -56,13 +55,12 @@
 
     <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar px-0">
   <div class="container flex-wrap flex-md-nowrap py-0 px-3">
-    <a class="navbar-brand mr-0 mr-md-2" href="https://getbootstrap.com/" aria-label="Bootstrap">
-      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" class="d-block" viewBox="0 0 64 64" role="img"><title>Bootstrap</title><path fill="currentColor" fill-rule="evenodd" d="M16 0h32c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H16C7.163 64 0 56.837 0 48V16C0 7.163 7.163 0 16 0zm18.14 49c7.22 0 11.555-3.633 11.555-9.586 0-4.406-3.047-7.664-7.617-8.133v-.398c3.328-.563 5.93-3.727 5.93-7.266 0-5.203-3.82-8.437-10.172-8.437H20.242V49h13.899zm-8.648-29.367h7.125c3.89 0 6.164 1.828 6.164 4.945 0 3.211-2.414 4.922-7.054 4.922h-6.235v-9.867zm0 24.914V33.648h7.29c4.945 0 7.546 1.852 7.546 5.391 0 3.586-2.508 5.508-7.242 5.508h-7.594z"/></svg>
-
+    <a class="navbar-brand p-0 mr-0 mr-md-2" href="https://getbootstrap.com/" aria-label="Bootstrap">
+      <svg xmlns="http://www.w3.org/2000/svg" height="32" class="d-block" viewBox="0 0 118 94" role="img"><title>Bootstrap</title><path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z" fill="currentColor"/></svg>
     </a>
 
-    <div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center justify-content-md-start">
-      <ul class="navbar-nav bd-navbar-nav flex-row">
+    <div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center justify-content-md-start mt-1 mt-md-0">
+      <ul class="navbar-nav bd-navbar-nav flex-row py-2 py-md-0">
         <li class="nav-item">
           <a class="nav-link " href="https://getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a>
         </li>
@@ -89,28 +87,28 @@
 
     <ul class="navbar-nav ml-sm-auto">
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="https://github.com/twbs" target="_blank" rel="noopener" aria-label="GitHub">
+        <a class="nav-link px-1 mx-1 py-2" href="https://github.com/twbs" target="_blank" rel="noopener" aria-label="GitHub">
           <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" class="navbar-nav-svg" viewBox="0 0 512 499.36" role="img"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"/></svg>
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="https://twitter.com/getbootstrap" target="_blank" rel="noopener" aria-label="Twitter">
+        <a class="nav-link px-1 mx-1 py-2" href="https://twitter.com/getbootstrap" target="_blank" rel="noopener" aria-label="Twitter">
           <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" class="navbar-nav-svg" viewBox="0 0 512 416.32" role="img"><title>Twitter</title><path fill="currentColor" d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92"/></svg>
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="https://bootstrap-slack.herokuapp.com/" target="_blank" rel="noopener" aria-label="Slack">
+        <a class="nav-link px-1 mx-1 py-2" href="https://bootstrap-slack.herokuapp.com/" target="_blank" rel="noopener" aria-label="Slack">
           <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" class="navbar-nav-svg" viewBox="0 0 512 512" role="img"><title>Slack</title><path fill="currentColor" d="M210.787 234.832l68.31-22.883 22.1 65.977-68.309 22.882z"/><path fill="currentColor" d="M490.54 185.6C437.7 9.59 361.6-31.34 185.6 21.46S-31.3 150.4 21.46 326.4 150.4 543.3 326.4 490.54 543.34 361.6 490.54 185.6zM401.7 299.8l-33.15 11.05 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.38-68.36 22.92 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.43-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.5-13.92 2.87-29.06 16.78-33.56l33.12-11.03-22.1-65.9-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.48-13.93 2.89-29.07 16.81-33.58l33.15-11.05-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.46 34.38 68.36-22.92-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.47 34.42 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.87 29.06-16.78 33.56L329.7 194.6l22.1 65.9 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.88 29.07-16.81 33.57z"/></svg>
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link px-1 mx-1 py-3 my-n2" href="/" target="_blank" rel="noopener" aria-label="Open Collective">
+        <a class="nav-link px-1 mx-1 py-2" href="https://opencollective.com/bootstrap/" target="_blank" rel="noopener" aria-label="Open Collective">
           <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" fill-rule="evenodd" class="navbar-nav-svg" viewBox="0 0 40 41" role="img"><title>Open Collective</title><path fill-opacity=".4" d="M32.8 21c0 2.4-.8 4.9-2 6.9l5.1 5.1c2.5-3.4 4.1-7.6 4.1-12 0-4.6-1.6-8.8-4-12.2L30.7 14c1.2 2 2 4.3 2 7z"/><path d="M20 33.7a12.8 12.8 0 0 1 0-25.6c2.6 0 5 .7 7 2.1L32 5a20 20 0 1 0 .1 31.9l-5-5.2a13 13 0 0 1-7 2z"/></svg>
         </a>
       </li>
     </ul>
 
-    <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="https://github.com/twbs/icons/archive/v1.0.0-alpha4.zip">Download</a>
+    <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="https://github.com/twbs/icons/archive/v1.0.0-alpha5.zip">Download</a>
   </div>
 </header>
 
@@ -134,7 +132,7 @@
     <hr class="my-4">
 
     <p class="text-muted">
-      Currently v1.0.0-alpha4
+      Currently v1.0.0-alpha5
       <span class="px-1">&#8226;</span>
       <a href="#icons">Icons</a>
       <span class="px-1">&#8226;</span>
@@ -159,8678 +157,12366 @@
       <input class="form-control search mb-0" id="search" placeholder="Start typing to filter..." autocomplete="off">
     </form>
   </div>
-  <ul class="row row-cols-3 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 list-unstyled list"><li class="col mb-4">
+  <ul class="row row-cols-3 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 list-unstyled list"><li class="col mb-4" data-tags="alarm clock">
         <a class="d-block text-dark text-decoration-none" href="/icons/alarm-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-alarm-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.5.5A.5.5 0 0 1 6 0h4a.5.5 0 0 1 0 1H9v1.07a7.002 7.002 0 0 1 3.537 12.26l.817.816a.5.5 0 0 1-.708.708l-.924-.925A6.967 6.967 0 0 1 8 16a6.967 6.967 0 0 1-3.722-1.07l-.924.924a.5.5 0 0 1-.708-.708l.817-.816A7.002 7.002 0 0 1 7 2.07V1H5.999a.5.5 0 0 1-.5-.5zM.86 5.387A2.5 2.5 0 1 1 4.387 1.86 8.035 8.035 0 0 0 .86 5.387zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1zm-5 4a.5.5 0 0 0-1 0v3.882l-1.447 2.894a.5.5 0 1 0 .894.448l1.5-3A.5.5 0 0 0 8.5 9V5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#alarm-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Alarm fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alarm clock">
         <a class="d-block text-dark text-decoration-none" href="/icons/alarm/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-alarm" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A6 6 0 1 0 8 3a6 6 0 0 0 0 12zm0 1A7 7 0 1 0 8 2a7 7 0 0 0 0 14z"/>
-  <path fill-rule="evenodd" d="M8 4.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.053.224l-1.5 3a.5.5 0 1 1-.894-.448L7.5 8.882V5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M.86 5.387A2.5 2.5 0 1 1 4.387 1.86 8.035 8.035 0 0 0 .86 5.387zM11.613 1.86a2.5 2.5 0 1 1 3.527 3.527 8.035 8.035 0 0 0-3.527-3.527z"/>
-  <path fill-rule="evenodd" d="M11.646 14.146a.5.5 0 0 1 .708 0l1 1a.5.5 0 0 1-.708.708l-1-1a.5.5 0 0 1 0-.708zm-7.292 0a.5.5 0 0 0-.708 0l-1 1a.5.5 0 0 0 .708.708l1-1a.5.5 0 0 0 0-.708zM5.5.5A.5.5 0 0 1 6 0h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
-  <path d="M7 1h2v2H7V1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#alarm"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Alarm
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="space align distribute">
+        <a class="d-block text-dark text-decoration-none" href="/icons/align-bottom/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#align-bottom"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Align bottom
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="space align distribute">
+        <a class="d-block text-dark text-decoration-none" href="/icons/align-center/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#align-center"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Align center
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="space align distribute">
+        <a class="d-block text-dark text-decoration-none" href="/icons/align-end/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#align-end"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Align end
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="space align distribute">
+        <a class="d-block text-dark text-decoration-none" href="/icons/align-middle/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#align-middle"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Align middle
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="space align distribute">
+        <a class="d-block text-dark text-decoration-none" href="/icons/align-start/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#align-start"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Align start
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="space align distribute">
+        <a class="d-block text-dark text-decoration-none" href="/icons/align-top/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#align-top"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Align top
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="key alt option">
         <a class="d-block text-dark text-decoration-none" href="/icons/alt/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-alt" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 13.5a.5.5 0 0 0 .5.5h3.797a.5.5 0 0 0 .439-.26L11 3h3.5a.5.5 0 0 0 0-1h-3.797a.5.5 0 0 0-.439.26L5 13H1.5a.5.5 0 0 0-.5.5zm10 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#alt"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Alt
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="app application ios android notification">
         <a class="d-block text-dark text-decoration-none" href="/icons/app-indicator/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-app-indicator" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.5 2A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5V8a.5.5 0 0 1 1 0v2.5a4.5 4.5 0 0 1-4.5 4.5h-5A4.5 4.5 0 0 1 1 10.5v-5A4.5 4.5 0 0 1 5.5 1H8a.5.5 0 0 1 0 1H5.5z"/>
-  <path d="M16 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#app-indicator"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             App indicator
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="app application ios android">
         <a class="d-block text-dark text-decoration-none" href="/icons/app/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-app" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11 2H5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM5 1a4 4 0 0 0-4 4v6a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4H5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#app"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             App
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="box delete">
         <a class="d-block text-dark text-decoration-none" href="/icons/archive-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-archive-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12.643 15C13.979 15 15 13.845 15 12.5V5H1v7.5C1 13.845 2.021 15 3.357 15h9.286zM6 7a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H6zM.8 1a.8.8 0 0 0-.8.8V3a.8.8 0 0 0 .8.8h14.4A.8.8 0 0 0 16 3V1.8a.8.8 0 0 0-.8-.8H.8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#archive-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Archive fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="box delete">
         <a class="d-block text-dark text-decoration-none" href="/icons/archive/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-archive" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 5v7.5c0 .864.642 1.5 1.357 1.5h9.286c.715 0 1.357-.636 1.357-1.5V5h1v7.5c0 1.345-1.021 2.5-2.357 2.5H3.357C2.021 15 1 13.845 1 12.5V5h1z"/>
-  <path fill-rule="evenodd" d="M5.5 7.5A.5.5 0 0 1 6 7h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5zM15 2H1v2h14V2zM1 1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#archive"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Archive
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow right-angle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-90deg-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-90deg-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.646 9.646a.5.5 0 0 1 .708 0L6 12.293l2.646-2.647a.5.5 0 1 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M6 13a.5.5 0 0 1-.5-.5V6A2.5 2.5 0 0 1 8 3.5h5.5a.5.5 0 0 1 0 1H8A1.5 1.5 0 0 0 6.5 6v6.5a.5.5 0 0 1-.5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-90deg-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow 90deg down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow right-angle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-90deg-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-90deg-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.104 2.396a.5.5 0 0 1 0 .708L3.457 5.75l2.647 2.646a.5.5 0 1 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M2.75 5.75a.5.5 0 0 1 .5-.5h6.5a2.5 2.5 0 0 1 2.5 2.5v5.5a.5.5 0 0 1-1 0v-5.5a1.5 1.5 0 0 0-1.5-1.5h-6.5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-90deg-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow 90deg left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow right-angle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-90deg-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-90deg-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.896 2.396a.5.5 0 0 0 0 .708l2.647 2.646-2.647 2.646a.5.5 0 1 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0z"/>
-  <path fill-rule="evenodd" d="M13.25 5.75a.5.5 0 0 0-.5-.5h-6.5a2.5 2.5 0 0 0-2.5 2.5v5.5a.5.5 0 0 0 1 0v-5.5a1.5 1.5 0 0 1 1.5-1.5h6.5a.5.5 0 0 0 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-90deg-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow 90deg right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-90deg-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-90deg-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.646 6.854a.5.5 0 0 0 .708 0L6 4.207l2.646 2.647a.5.5 0 1 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708z"/>
-  <path fill-rule="evenodd" d="M6 3.5a.5.5 0 0 0-.5.5v6.5A2.5 2.5 0 0 0 8 13h5.5a.5.5 0 0 0 0-1H8a1.5 1.5 0 0 1-1.5-1.5V4a.5.5 0 0 0-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-90deg-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow 90deg up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-bar-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-bar-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.354 10.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 .708-.708L8 12.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M8 6a.5.5 0 0 1 .5.5V13a.5.5 0 0 1-1 0V6.5A.5.5 0 0 1 8 6zM2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-bar-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow bar down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-bar-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-bar-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.854 4.646a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708-.708L3.207 8l2.647-2.646a.5.5 0 0 0 0-.708z"/>
-  <path fill-rule="evenodd" d="M10 8a.5.5 0 0 0-.5-.5H3a.5.5 0 0 0 0 1h6.5A.5.5 0 0 0 10 8zm2.5 6a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 1 0v11a.5.5 0 0 1-.5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-bar-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow bar left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-bar-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-bar-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M6 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H6.5A.5.5 0 0 1 6 8zm-2.5 6a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 1 0v11a.5.5 0 0 1-.5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-bar-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow bar right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-bar-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-bar-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.354 5.854a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L8 3.207l2.646 2.647a.5.5 0 0 0 .708 0z"/>
-  <path fill-rule="evenodd" d="M8 10a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-1 0v6.5a.5.5 0 0 0 .5.5zm-4.8 1.6c0-.22.18-.4.4-.4h8.8a.4.4 0 0 1 0 .8H3.6a.4.4 0 0 1-.4-.4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-bar-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow bar up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-clockwise/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
-  <path fill-rule="evenodd" d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-clockwise"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow clockwise
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-counterclockwise/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-counterclockwise" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12.83 6.706a5 5 0 0 0-7.103-3.16.5.5 0 1 1-.454-.892A6 6 0 1 1 2.545 5.5a.5.5 0 1 1 .91.417 5 5 0 1 0 9.375.789z"/>
-  <path fill-rule="evenodd" d="M7.854.146a.5.5 0 0 0-.708 0l-2.5 2.5a.5.5 0 0 0 0 .708l2.5 2.5a.5.5 0 1 0 .708-.708L5.707 3 7.854.854a.5.5 0 0 0 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-counterclockwise"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow counterclockwise
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 5a.5.5 0 0 0-1 0v4.793L5.354 7.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 9.793V5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M4.646 7.646a.5.5 0 0 1 .708 0L8 10.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M8 4.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-left-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-left-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-6.5 3h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793l4.146-4.147a.5.5 0 0 1 .708.708L6.707 10H9.5a.5.5 0 0 1 0 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-left-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down left circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-left-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-left-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M5.5 11h4a.5.5 0 0 0 0-1H6.707l4.147-4.146a.5.5 0 0 0-.708-.708L6 9.293V6.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 .5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-left-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down left circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-left-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-left-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm7.5 11h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793l4.146-4.147a.5.5 0 0 1 .708.708L6.707 10H9.5a.5.5 0 0 1 0 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-left-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down left square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-left-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-left-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M5.5 11h4a.5.5 0 0 0 0-1H6.707l4.147-4.146a.5.5 0 0 0-.708-.708L6 9.293V6.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 .5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-left-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down left square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 7.5a.5.5 0 0 1 .5.5v4.5H8a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5V8a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M12.354 3.646a.5.5 0 0 1 0 .708l-9 9a.5.5 0 0 1-.708-.708l9-9a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-right-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-right-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-9.5 3h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-1 0v2.793L5.854 5.146a.5.5 0 1 0-.708.708L9.293 10H6.5a.5.5 0 0 0 0 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-right-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down right circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-right-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-right-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M10.5 11h-4a.5.5 0 0 1 0-1h2.793L5.146 5.854a.5.5 0 1 1 .708-.708L10 9.293V6.5a.5.5 0 0 1 1 0v4a.5.5 0 0 1-.5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-right-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down right circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-right-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-right-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4.5 11h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-1 0v2.793L5.854 5.146a.5.5 0 1 0-.708.708L9.293 10H6.5a.5.5 0 0 0 0 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-right-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down right square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-right-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-right-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M10.5 11h-4a.5.5 0 0 1 0-1h2.793L5.146 5.854a.5.5 0 1 1 .708-.708L10 9.293V6.5a.5.5 0 0 1 1 0v4a.5.5 0 0 1-.5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-right-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down right square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 7.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1 0-1h4.5V8a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M2.646 3.646a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-short/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.646 7.646a.5.5 0 0 1 .708 0L8 10.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M8 4.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-short"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down short
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 5a.5.5 0 0 0-1 0v4.793L5.354 7.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 9.793V5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M4.646 7.646a.5.5 0 0 1 .708 0L8 10.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M8 4.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11 3.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M10.646 2.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L11 3.707 8.354 6.354a.5.5 0 1 1-.708-.708l3-3zm-9 7a.5.5 0 0 1 .708 0L5 12.293l2.646-2.647a.5.5 0 1 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M5 2.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0V3a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.646 9.646a.5.5 0 0 1 .708 0L8 12.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M8 2.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0V3a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-left-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-left-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.646 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L6.207 7.5H11a.5.5 0 0 1 0 1H6.207l2.147 2.146z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-left-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow left circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-left-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-left-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M8.354 11.354a.5.5 0 0 0 0-.708L5.707 8l2.647-2.646a.5.5 0 1 0-.708-.708l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708 0z"/>
-  <path fill-rule="evenodd" d="M11.5 8a.5.5 0 0 0-.5-.5H6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-left-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow left circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-left-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-left-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.146 7.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 11l-2.647-2.646a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M2 11a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 11zm3.854-9.354a.5.5 0 0 1 0 .708L3.207 5l2.647 2.646a.5.5 0 1 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M2.5 5a.5.5 0 0 1 .5-.5h10.5a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-left-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow left right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-left-short/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-left-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.854 4.646a.5.5 0 0 1 0 .708L5.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M4.5 8a.5.5 0 0 1 .5-.5h6.5a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-left-short"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow left short
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-left-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-left-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.354 10.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L6.207 7.5H11a.5.5 0 0 1 0 1H6.207l2.147 2.146z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-left-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow left square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-left-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-left-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M8.354 11.354a.5.5 0 0 0 0-.708L5.707 8l2.647-2.646a.5.5 0 1 0-.708-.708l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708 0z"/>
-  <path fill-rule="evenodd" d="M11.5 8a.5.5 0 0 0-.5-.5H6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-left-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow left square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.854 4.646a.5.5 0 0 1 0 .708L3.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M2.5 8a.5.5 0 0 1 .5-.5h10.5a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-repeat/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-repeat" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.854 7.146a.5.5 0 0 0-.708 0l-2 2a.5.5 0 1 0 .708.708L2.5 8.207l1.646 1.647a.5.5 0 0 0 .708-.708l-2-2zm13-1a.5.5 0 0 0-.708 0L13.5 7.793l-1.646-1.647a.5.5 0 0 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0 0-.708z"/>
-  <path fill-rule="evenodd" d="M8 3a4.995 4.995 0 0 0-4.192 2.273.5.5 0 0 1-.837-.546A6 6 0 0 1 14 8a.5.5 0 0 1-1.001 0 5 5 0 0 0-5-5zM2.5 7.5A.5.5 0 0 1 3 8a5 5 0 0 0 9.192 2.727.5.5 0 1 1 .837.546A6 6 0 0 1 2 8a.5.5 0 0 1 .501-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-repeat"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow repeat
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow return">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-return-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-return-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.854 5.646a.5.5 0 0 1 0 .708L3.207 9l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M13.5 2.5a.5.5 0 0 1 .5.5v4a2.5 2.5 0 0 1-2.5 2.5H3a.5.5 0 0 1 0-1h8.5A1.5 1.5 0 0 0 13 7V3a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-return-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow return left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow return">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-return-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-return-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.146 5.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 9l-2.647-2.646a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M3 2.5a.5.5 0 0 0-.5.5v4A2.5 2.5 0 0 0 5 9.5h8.5a.5.5 0 0 0 0-1H5A1.5 1.5 0 0 1 3.5 7V3a.5.5 0 0 0-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-return-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow return right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-right-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-right-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-8.354 2.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L9.793 7.5H5a.5.5 0 0 0 0 1h4.793l-2.147 2.146z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-right-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow right circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-right-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-right-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M7.646 11.354a.5.5 0 0 1 0-.708L10.293 8 7.646 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0z"/>
-  <path fill-rule="evenodd" d="M4.5 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-right-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow right circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-right-short/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-right-short"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow right short
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-right-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-right-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm5.646 10.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L9.793 7.5H5a.5.5 0 0 0 0 1h4.793l-2.147 2.146z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-right-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow right square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-right-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-right-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M7.646 11.354a.5.5 0 0 1 0-.708L10.293 8 7.646 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0z"/>
-  <path fill-rule="evenodd" d="M4.5 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-right-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow right square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L12.793 8l-2.647-2.646a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M4.646 8.354a.5.5 0 0 0 .708 0L8 5.707l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708z"/>
-  <path fill-rule="evenodd" d="M8 11.5a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 .5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-left-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-left-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM9.5 5h-4a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 1 0V6.707l4.146 4.147a.5.5 0 0 0 .708-.708L6.707 6H9.5a.5.5 0 0 0 0-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-left-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up left circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-left-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-left-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M5.5 5h4a.5.5 0 0 1 0 1H6.707l4.147 4.146a.5.5 0 0 1-.708.708L6 6.707V9.5a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-left-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up left circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-left-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-left-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm7.5 5h-4a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 1 0V6.707l4.146 4.147a.5.5 0 0 0 .708-.708L6.707 6H9.5a.5.5 0 0 0 0-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-left-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up left square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-left-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-left-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M5.5 5h4a.5.5 0 0 1 0 1H6.707l4.147 4.146a.5.5 0 0 1-.708.708L6 6.707V9.5a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-left-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up left square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.5 4a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1H3.5V9a.5.5 0 0 1-1 0V4z"/>
-  <path fill-rule="evenodd" d="M2.646 3.646a.5.5 0 0 1 .708 0l9 9a.5.5 0 0 1-.708.708l-9-9a.5.5 0 0 1 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-right-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-right-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.5 5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6.707l-4.146 4.147a.5.5 0 0 1-.708-.708L9.293 6H6.5a.5.5 0 0 1 0-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-right-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up right circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow circle">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-right-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-right-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M10.5 5h-4a.5.5 0 0 0 0 1h2.793l-4.147 4.146a.5.5 0 0 0 .708.708L10 6.707V9.5a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-right-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up right circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-right-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-right-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4.5 5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6.707l-4.146 4.147a.5.5 0 0 1-.708-.708L9.293 6H6.5a.5.5 0 0 1 0-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-right-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up right square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-right-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-right-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M10.5 5h-4a.5.5 0 0 0 0 1h2.793l-4.147 4.146a.5.5 0 0 0 .708.708L10 6.707V9.5a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-right-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up right square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.5 4a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V4.5H7a.5.5 0 0 1-.5-.5z"/>
-  <path fill-rule="evenodd" d="M12.354 3.646a.5.5 0 0 1 0 .708l-9 9a.5.5 0 0 1-.708-.708l9-9a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-short/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 5.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8 5.707 5.354 8.354a.5.5 0 1 1-.708-.708l3-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-short"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up short
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm3.354 8.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow square">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M4.646 8.354a.5.5 0 0 0 .708 0L8 5.707l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708z"/>
-  <path fill-rule="evenodd" d="M8 11.5a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-1 0v5a.5.5 0 0 0 .5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrow-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrow-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8 3.707 5.354 6.354a.5.5 0 1 1-.708-.708l3-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrow-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrow up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrows-angle-contract/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrows-angle-contract" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.5 2.036a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M14.354 1.646a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 1 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0zm-7.5 7.5a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M2.036 9.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V10h-3.5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrows-angle-contract"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrows angle contract
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrows-angle-expand/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrows-angle-expand" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 10.036a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M6.354 9.646a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0zm8.5-8.5a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M10.036 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0V2h-3.5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrows-angle-expand"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrows angle expand
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrows-collapse/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrows-collapse" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8zm6-7a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V1.5A.5.5 0 0 1 8 1z"/>
-  <path fill-rule="evenodd" d="M10.354 3.646a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L8 5.293l1.646-1.647a.5.5 0 0 1 .708 0zM8 15a.5.5 0 0 0 .5-.5V10a.5.5 0 0 0-1 0v4.5a.5.5 0 0 0 .5.5z"/>
-  <path fill-rule="evenodd" d="M10.354 12.354a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 .708.708L8 10.707l1.646 1.647a.5.5 0 0 0 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrows-collapse"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrows collapse
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrows-expand/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrows-expand" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8zm6-1.5a.5.5 0 0 0 .5-.5V1.5a.5.5 0 0 0-1 0V6a.5.5 0 0 0 .5.5z"/>
-  <path fill-rule="evenodd" d="M10.354 3.854a.5.5 0 0 0 0-.708l-2-2a.5.5 0 0 0-.708 0l-2 2a.5.5 0 1 0 .708.708L8 2.207l1.646 1.647a.5.5 0 0 0 .708 0zM8 9.5a.5.5 0 0 1 .5.5v4.5a.5.5 0 0 1-1 0V10a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M10.354 12.146a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L8 13.793l1.646-1.647a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrows-expand"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrows expand
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrows-fullscreen/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrows-fullscreen" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.464 10.536a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3.5a.5.5 0 0 1-.5-.5v-3.5a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M5.964 10a.5.5 0 0 1 0 .707l-4.146 4.147a.5.5 0 0 1-.707-.708L5.257 10a.5.5 0 0 1 .707 0zm8.854-8.854a.5.5 0 0 1 0 .708L10.672 6a.5.5 0 0 1-.708-.707l4.147-4.147a.5.5 0 0 1 .707 0z"/>
-  <path fill-rule="evenodd" d="M10.5 1.5A.5.5 0 0 1 11 1h3.5a.5.5 0 0 1 .5.5V5a.5.5 0 0 1-1 0V2h-3a.5.5 0 0 1-.5-.5zm4 9a.5.5 0 0 0-.5.5v3h-3a.5.5 0 0 0 0 1h3.5a.5.5 0 0 0 .5-.5V11a.5.5 0 0 0-.5-.5z"/>
-  <path fill-rule="evenodd" d="M10 9.964a.5.5 0 0 0 0 .708l4.146 4.146a.5.5 0 0 0 .708-.707l-4.147-4.147a.5.5 0 0 0-.707 0zM1.182 1.146a.5.5 0 0 0 0 .708L5.328 6a.5.5 0 0 0 .708-.707L1.889 1.146a.5.5 0 0 0-.707 0z"/>
-  <path fill-rule="evenodd" d="M5.5 1.5A.5.5 0 0 0 5 1H1.5a.5.5 0 0 0-.5.5V5a.5.5 0 0 0 1 0V2h3a.5.5 0 0 0 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrows-fullscreen"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrows fullscreen
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow cursor move">
         <a class="d-block text-dark text-decoration-none" href="/icons/arrows-move/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-arrows-move" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.5 8a.5.5 0 0 0-.5-.5H1.5a.5.5 0 0 0 0 1H6a.5.5 0 0 0 .5-.5z"/>
-  <path fill-rule="evenodd" d="M3.854 5.646a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L2.207 8l1.647-1.646a.5.5 0 0 0 0-.708zM9.5 8a.5.5 0 0 1 .5-.5h4.5a.5.5 0 0 1 0 1H10a.5.5 0 0 1-.5-.5z"/>
-  <path fill-rule="evenodd" d="M12.146 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L13.793 8l-1.647-1.646a.5.5 0 0 1 0-.708zM8 9.5a.5.5 0 0 0-.5.5v4.5a.5.5 0 0 0 1 0V10a.5.5 0 0 0-.5-.5z"/>
-  <path fill-rule="evenodd" d="M5.646 12.146a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8 13.793l-1.646-1.647a.5.5 0 0 0-.708 0zM8 6.5a.5.5 0 0 1-.5-.5V1.5a.5.5 0 0 1 1 0V6a.5.5 0 0 1-.5.5z"/>
-  <path fill-rule="evenodd" d="M5.646 3.854a.5.5 0 0 1 0-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8 2.207 6.354 3.854a.5.5 0 0 1-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#arrows-move"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Arrows move
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="size resize crop dimensions">
         <a class="d-block text-dark text-decoration-none" href="/icons/aspect-ratio-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-aspect-ratio-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13zm1 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 1 0V5h2.5a.5.5 0 0 0 0-1h-3zm11 8a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-1 0V11h-2.5a.5.5 0 0 0 0 1h3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#aspect-ratio-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Aspect ratio fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="size resize crop dimensions">
         <a class="d-block text-dark text-decoration-none" href="/icons/aspect-ratio/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-aspect-ratio" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5v-9zM1.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z"/>
-  <path fill-rule="evenodd" d="M2 4.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3zm12 7a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H13V8.5a.5.5 0 0 1 1 0v3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#aspect-ratio"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Aspect ratio
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="asterisks star">
         <a class="d-block text-dark text-decoration-none" href="/icons/asterisk/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-asterisk" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 0a1 1 0 0 1 1 1v5.268l4.562-2.634a1 1 0 1 1 1 1.732L10 8l4.562 2.634a1 1 0 1 1-1 1.732L9 9.732V15a1 1 0 1 1-2 0V9.732l-4.562 2.634a1 1 0 1 1-1-1.732L6 8 1.438 5.366a1 1 0 0 1 1-1.732L7 6.268V1a1 1 0 0 1 1-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#asterisk"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Asterisk
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="at-sign">
         <a class="d-block text-dark text-decoration-none" href="/icons/at/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-at" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13.106 7.222c0-2.967-2.249-5.032-5.482-5.032-3.35 0-5.646 2.318-5.646 5.702 0 3.493 2.235 5.708 5.762 5.708.862 0 1.689-.123 2.304-.335v-.862c-.43.199-1.354.328-2.29.328-2.926 0-4.813-1.88-4.813-4.798 0-2.844 1.921-4.881 4.594-4.881 2.735 0 4.608 1.688 4.608 4.156 0 1.682-.554 2.769-1.416 2.769-.492 0-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964-1.4 0-2.378 1.162-2.378 2.823 0 1.737.957 2.906 2.379 2.906.8 0 1.415-.39 1.709-1.087h.11c.081.67.703 1.148 1.503 1.148 1.572 0 2.57-1.415 2.57-3.643zm-7.177.704c0-1.197.54-1.907 1.456-1.907.93 0 1.524.738 1.524 1.907S8.308 9.84 7.371 9.84c-.895 0-1.442-.725-1.442-1.914z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#at"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             At
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="prize rosette">
         <a class="d-block text-dark text-decoration-none" href="/icons/award-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-award-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 0l1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864 8 0z"/>
-  <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#award-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Award fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="prize rosette">
         <a class="d-block text-dark text-decoration-none" href="/icons/award/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-award" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.669.864L8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193l-1.51-.229L8 1.126l-1.355.702-1.51.229-.684 1.365-1.086 1.072L3.614 6l-.25 1.506 1.087 1.072.684 1.365 1.51.229L8 10.874l1.356-.702 1.509-.229.684-1.365 1.086-1.072L12.387 6l.248-1.506-1.086-1.072-.684-1.365z"/>
-  <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#award"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Award
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="backward layer">
+        <a class="d-block text-dark text-decoration-none" href="/icons/back/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#back"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Back
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="key">
         <a class="d-block text-dark text-decoration-none" href="/icons/backspace-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-backspace-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M15.683 3a2 2 0 0 0-2-2h-7.08a2 2 0 0 0-1.519.698L.241 7.35a1 1 0 0 0 0 1.302l4.843 5.65A2 2 0 0 0 6.603 15h7.08a2 2 0 0 0 2-2V3zM5.829 5.854a.5.5 0 1 1 .707-.708l2.147 2.147 2.146-2.147a.5.5 0 1 1 .707.708L9.39 8l2.146 2.146a.5.5 0 0 1-.707.708L8.683 8.707l-2.147 2.147a.5.5 0 0 1-.707-.708L7.976 8 5.829 5.854z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#backspace-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Backspace fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="key">
         <a class="d-block text-dark text-decoration-none" href="/icons/backspace-reverse-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-backspace-reverse-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 3a2 2 0 0 1 2-2h7.08a2 2 0 0 1 1.519.698l4.843 5.651a1 1 0 0 1 0 1.302L10.6 14.3a2 2 0 0 1-1.52.7H2a2 2 0 0 1-2-2V3zm9.854 2.854a.5.5 0 0 0-.708-.708L7 7.293 4.854 5.146a.5.5 0 1 0-.708.708L6.293 8l-2.147 2.146a.5.5 0 0 0 .708.708L7 8.707l2.146 2.147a.5.5 0 0 0 .708-.708L7.707 8l2.147-2.146z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#backspace-reverse-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Backspace reverse fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="key">
         <a class="d-block text-dark text-decoration-none" href="/icons/backspace-reverse/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-backspace-reverse" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.08 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7.08a1 1 0 0 0 .76-.35L14.682 8 9.839 2.35A1 1 0 0 0 9.08 2zM2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7.08a2 2 0 0 0 1.519-.698l4.843-5.651a1 1 0 0 0 0-1.302L10.6 1.7A2 2 0 0 0 9.08 1H2z"/>
-  <path fill-rule="evenodd" d="M9.854 5.146a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708l5-5a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M4.146 5.146a.5.5 0 0 0 0 .708l5 5a.5.5 0 0 0 .708-.708l-5-5a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#backspace-reverse"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Backspace reverse
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="key">
         <a class="d-block text-dark text-decoration-none" href="/icons/backspace/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-backspace" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.603 2h7.08a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-7.08a1 1 0 0 1-.76-.35L1 8l4.844-5.65A1 1 0 0 1 6.603 2zm7.08-1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-7.08a2 2 0 0 1-1.519-.698L.241 8.65a1 1 0 0 1 0-1.302L5.084 1.7A2 2 0 0 1 6.603 1h7.08z"/>
-  <path fill-rule="evenodd" d="M5.83 5.146a.5.5 0 0 0 0 .708l5 5a.5.5 0 0 0 .707-.708l-5-5a.5.5 0 0 0-.708 0z"/>
-  <path fill-rule="evenodd" d="M11.537 5.146a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708l5-5a.5.5 0 0 1 .707 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#backspace"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Backspace
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="4k display resolution retina">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-4k-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-4k-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge 4k fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="4k display resolution retina">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-4k/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-4k"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge 4k
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="4k display resolution retina">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-8k-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-8k-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge 8k fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="4k display resolution retina">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-8k/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-8k"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge 8k
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="closed captioning">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-cc-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-cc-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge cc fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="closed captioning">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-cc/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-cc"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge cc
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="display resolution high definition">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-hd-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-hd-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge hd fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="display resolution high definition">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-hd/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-hd"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge hd
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="trademark">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-tm-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-tm-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge tm fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="trademark">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-tm/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-tm"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge tm
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="voiceover accessibility">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-vo-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-vo-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge vo fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="voiceover accessibility">
+        <a class="d-block text-dark text-decoration-none" href="/icons/badge-vo/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#badge-vo"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Badge vo
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/bag-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bag-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 5H2v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5zM1 4v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4H1z"/>
-  <path d="M8 1.5A2.5 2.5 0 0 0 5.5 4h-1a3.5 3.5 0 1 1 7 0h-1A2.5 2.5 0 0 0 8 1.5z"/>
-  <path fill-rule="evenodd" d="M10.854 7.646a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 10.293l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bag-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bag check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/bag-dash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bag-dash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 5H2v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5zM1 4v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4H1z"/>
-  <path d="M8 1.5A2.5 2.5 0 0 0 5.5 4h-1a3.5 3.5 0 1 1 7 0h-1A2.5 2.5 0 0 0 8 1.5z"/>
-  <path fill-rule="evenodd" d="M5.5 10a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bag-dash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bag dash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping cart purchase buy">
         <a class="d-block text-dark text-decoration-none" href="/icons/bag-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bag-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1 4h14v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4zm7-2.5A2.5 2.5 0 0 0 5.5 4h-1a3.5 3.5 0 1 1 7 0h-1A2.5 2.5 0 0 0 8 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bag-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bag fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/bag-plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bag-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 5H2v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5zM1 4v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4H1z"/>
-  <path d="M8 1.5A2.5 2.5 0 0 0 5.5 4h-1a3.5 3.5 0 1 1 7 0h-1A2.5 2.5 0 0 0 8 1.5z"/>
-  <path fill-rule="evenodd" d="M8 7.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H6a.5.5 0 0 1 0-1h1.5V8a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M7.5 10a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0v-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bag-plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bag plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping cart purchase buy">
         <a class="d-block text-dark text-decoration-none" href="/icons/bag/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bag" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 5H2v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5zM1 4v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4H1z"/>
-  <path d="M8 1.5A2.5 2.5 0 0 0 5.5 4h-1a3.5 3.5 0 1 1 7 0h-1A2.5 2.5 0 0 0 8 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bag"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bag
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chart graph analytics">
         <a class="d-block text-dark text-decoration-none" href="/icons/bar-chart-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bar-chart-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <rect width="4" height="5" x="1" y="10" rx="1"/>
-  <rect width="4" height="9" x="6" y="6" rx="1"/>
-  <rect width="4" height="14" x="11" y="1" rx="1"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bar-chart-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bar chart fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chart graph analytics">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bar-chart-line-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bar-chart-line-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bar chart line fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chart graph analytics">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bar-chart-line/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bar-chart-line"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bar chart line
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chart graph analytics">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bar-chart-steps/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bar-chart-steps"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bar chart steps
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chart graph analytics">
         <a class="d-block text-dark text-decoration-none" href="/icons/bar-chart/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bar-chart" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 11H2v3h2v-3zm5-4H7v7h2V7zm5-5h-2v12h2V2zm-2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2zM6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm-5 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bar-chart"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bar chart
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/basket-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-basket-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.071 1.243a.5.5 0 0 1 .858.514L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6h1.717L5.07 1.243zM3.5 10.5a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0v-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#basket-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Basket fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/basket/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-basket" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.243 1.071a.5.5 0 0 1 .686.172l3 5a.5.5 0 1 1-.858.514l-3-5a.5.5 0 0 1 .172-.686zm-4.486 0a.5.5 0 0 0-.686.172l-3 5a.5.5 0 1 0 .858.514l3-5a.5.5 0 0 0-.172-.686z"/>
-  <path fill-rule="evenodd" d="M1 7v1h14V7H1zM.5 6a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5H.5z"/>
-  <path fill-rule="evenodd" d="M14 9H2v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V9zM2 8a1 1 0 0 0-1 1v5a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9a1 1 0 0 0-1-1H2z"/>
-  <path fill-rule="evenodd" d="M4 10a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0v-3A.5.5 0 0 1 4 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0v-3A.5.5 0 0 1 6 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0v-3A.5.5 0 0 1 8 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 .5-.5zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0v-3a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#basket"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Basket
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/basket2-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-basket2-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.314 1.036a.5.5 0 0 1 .65.278l2 5a.5.5 0 1 1-.928.372l-2-5a.5.5 0 0 1 .278-.65zm-6.628 0a.5.5 0 0 0-.65.278l-2 5a.5.5 0 1 0 .928.372l2-5a.5.5 0 0 0-.278-.65z"/>
-  <path fill-rule="evenodd" d="M1.5 7a.5.5 0 0 0-.489.605l1.5 7A.5.5 0 0 0 3 15h10a.5.5 0 0 0 .489-.395l1.5-7A.5.5 0 0 0 14.5 7h-13zM4 10a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0v-2zm3 0a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0v-2zm4-1a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1z"/>
-  <path d="M0 6.5A.5.5 0 0 1 .5 6h15a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#basket2-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Basket2 fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/basket2/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-basket2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.111 7.186A.5.5 0 0 1 1.5 7h13a.5.5 0 0 1 .489.605l-1.5 7A.5.5 0 0 1 13 15H3a.5.5 0 0 1-.489-.395l-1.5-7a.5.5 0 0 1 .1-.42zM2.118 8l1.286 6h9.192l1.286-6H2.118z"/>
-  <path fill-rule="evenodd" d="M11.314 1.036a.5.5 0 0 1 .65.278l2 5a.5.5 0 1 1-.928.372l-2-5a.5.5 0 0 1 .278-.65zm-6.628 0a.5.5 0 0 0-.65.278l-2 5a.5.5 0 1 0 .928.372l2-5a.5.5 0 0 0-.278-.65z"/>
-  <path d="M4 10a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0v-2zm3 0a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0v-2zm3 0a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0v-2zM0 6.5A.5.5 0 0 1 .5 6h15a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#basket2"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Basket2
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/basket3-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-basket3-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.243 1.071a.5.5 0 0 1 .686.172l3 5a.5.5 0 0 1-.858.514l-3-5a.5.5 0 0 1 .172-.686zm-4.486 0a.5.5 0 0 0-.686.172l-3 5a.5.5 0 1 0 .858.514l3-5a.5.5 0 0 0-.172-.686z"/>
-  <path d="M13.489 14.605A.5.5 0 0 1 13 15H3a.5.5 0 0 1-.489-.395L1.311 9H14.69l-1.201 5.605z"/>
-  <rect width="16" height="2" y="6" rx=".5"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#basket3-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Basket3 fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/basket3/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-basket3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.243 1.071a.5.5 0 0 1 .686.172l3 5a.5.5 0 1 1-.858.514l-3-5a.5.5 0 0 1 .172-.686zm-4.486 0a.5.5 0 0 0-.686.172l-3 5a.5.5 0 1 0 .858.514l3-5a.5.5 0 0 0-.172-.686z"/>
-  <path d="M0 6.5A.5.5 0 0 1 .5 6h15a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-1zM.81 9c0 .035.004.07.011.105l1.201 5.604A1 1 0 0 0 3 15.5h10a1 1 0 0 0 .978-.79l1.2-5.605A.495.495 0 0 0 15.19 9h-1.011L13 14.5H3L1.821 9H.81z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#basket3"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Basket3
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="power charge">
         <a class="d-block text-dark text-decoration-none" href="/icons/battery-charging/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-battery-charging" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M14.5 9.5a1.5 1.5 0 0 0 0-3v3z"/>
-  <path fill-rule="evenodd" d="M9.585 2.568a.5.5 0 0 1 .226.58L8.677 6.832h1.99a.5.5 0 0 1 .364.843l-5.334 5.667a.5.5 0 0 1-.842-.49L5.99 9.167H4a.5.5 0 0 1-.364-.843l5.333-5.667a.5.5 0 0 1 .616-.09z"/>
-  <path fill-rule="evenodd" d="M6.332 4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.072l.307-1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h3.391l.941-1zM4.45 6H2v4h1.313a1.5 1.5 0 0 1-.405-2.361L4.45 6zm.976 5l-.308 1H6.96l.21-.224h.001l.73-.776H6.53l-.085.09.028-.09H5.426zm1.354-1H5.733l.257-.833H4a.5.5 0 0 1-.364-.843l.793-.843L5.823 6h1.373L5.157 8.167h1.51a.5.5 0 0 1 .478.647L6.78 10zm.69 0h1.374l1.394-1.482.793-.842a.5.5 0 0 0-.364-.843h-1.99L8.933 6H7.887l-.166.54-.199.646A.5.5 0 0 0 8 7.833h1.51L7.47 10zm.725-5H9.24l.308-1H7.706l-.942 1h1.374l.085-.09-.028.09zm2.4-1l-.308 1H12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9.276l-.942 1H12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.405zm-.378 6H12V8.02a1.499 1.499 0 0 1-.241.341L10.217 10zM12 6.646V6h-.646a1.5 1.5 0 0 1 .646.646z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#battery-charging"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Battery charging
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="power charge">
         <a class="d-block text-dark text-decoration-none" href="/icons/battery-full/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-battery-full" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 5H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zM2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2z"/>
-  <path d="M2 6h10v4H2V6zm12.5 3.5a1.5 1.5 0 0 0 0-3v3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#battery-full"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Battery full
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="power charge">
         <a class="d-block text-dark text-decoration-none" href="/icons/battery-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-battery-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 5H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zM2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2z"/>
-  <path d="M2 6h5v4H2V6zm12.5 3.5a1.5 1.5 0 0 0 0-3v3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#battery-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Battery half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="power charge">
         <a class="d-block text-dark text-decoration-none" href="/icons/battery/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-battery" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 5H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zM2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2z"/>
-  <path d="M14.5 9.5a1.5 1.5 0 0 0 0-3v3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#battery"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Battery
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="notification">
         <a class="d-block text-dark text-decoration-none" href="/icons/bell-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bell-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zm.995-14.901a1 1 0 1 0-1.99 0A5.002 5.002 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bell-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bell fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="notification">
         <a class="d-block text-dark text-decoration-none" href="/icons/bell/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bell" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2z"/>
-  <path fill-rule="evenodd" d="M8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bell"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bell
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="graphics vector pen">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bezier/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bezier"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bezier
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="graphics vector pen">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bezier2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bezier2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bezier2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="bike riding bicycling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bicycle/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bicycle"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bicycle
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="distance view">
+        <a class="d-block text-dark text-decoration-none" href="/icons/binoculars-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#binoculars-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Binoculars fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="distance view">
+        <a class="d-block text-dark text-decoration-none" href="/icons/binoculars/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#binoculars"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Binoculars
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/blockquote-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-blockquote-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm5 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-  <path d="M3.734 6.352a6.586 6.586 0 0 0-.445.275 1.94 1.94 0 0 0-.346.299 1.38 1.38 0 0 0-.252.369c-.058.129-.1.295-.123.498h.282c.242 0 .431.06.568.182.14.117.21.29.21.521a.697.697 0 0 1-.187.463c-.12.14-.289.21-.503.21-.336 0-.577-.108-.721-.327C2.072 8.619 2 8.328 2 7.969c0-.254.055-.485.164-.692.11-.21.242-.398.398-.562.16-.168.33-.31.51-.428.18-.117.33-.213.451-.287l.211.352zm2.168 0a6.588 6.588 0 0 0-.445.275 1.94 1.94 0 0 0-.346.299c-.113.12-.199.246-.257.375a1.75 1.75 0 0 0-.118.492h.282c.242 0 .431.06.568.182.14.117.21.29.21.521a.697.697 0 0 1-.187.463c-.12.14-.289.21-.504.21-.335 0-.576-.108-.72-.327-.145-.223-.217-.514-.217-.873 0-.254.055-.485.164-.692.11-.21.242-.398.398-.562.16-.168.33-.31.51-.428.18-.117.33-.213.451-.287l.211.352z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#blockquote-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Blockquote left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/blockquote-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-blockquote-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-  <path d="M12.168 6.352c.184.105.332.197.445.275.114.074.229.174.346.299.11.117.193.24.252.369s.1.295.123.498h-.281c-.243 0-.432.06-.569.182-.14.117-.21.29-.21.521 0 .164.062.318.187.463.121.14.289.21.504.21.336 0 .576-.108.72-.327.145-.223.217-.514.217-.873 0-.254-.054-.485-.164-.692a2.436 2.436 0 0 0-.398-.562c-.16-.168-.33-.31-.51-.428-.18-.117-.33-.213-.451-.287l-.211.352zm-2.168 0c.184.105.332.197.445.275.114.074.229.174.346.299.113.12.2.246.258.375.055.125.094.289.117.492h-.281c-.242 0-.432.06-.569.182-.14.117-.21.29-.21.521 0 .164.062.318.187.463.121.14.289.21.504.21.336 0 .576-.108.72-.327.145-.223.217-.514.217-.873 0-.254-.054-.485-.164-.692a2.438 2.438 0 0 0-.398-.562c-.16-.168-.33-.31-.51-.428-.18-.117-.33-.213-.451-.287L10 6.352z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#blockquote-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Blockquote right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="novel read magazine">
+        <a class="d-block text-dark text-decoration-none" href="/icons/book-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#book-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Book fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="novel read magazine">
         <a class="d-block text-dark text-decoration-none" href="/icons/book-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-book-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12.786 1.072C11.188.752 9.084.71 7.646 2.146A.5.5 0 0 0 7.5 2.5v11a.5.5 0 0 0 .854.354c.843-.844 2.115-1.059 3.47-.92 1.344.14 2.66.617 3.452 1.013A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.276-.447L15.5 2.5l.224-.447-.002-.001-.004-.002-.013-.006-.047-.023a12.582 12.582 0 0 0-.799-.34 12.96 12.96 0 0 0-2.073-.609zM15 2.82v9.908c-.846-.343-1.944-.672-3.074-.788-1.143-.118-2.387-.023-3.426.56V2.718c1.063-.929 2.631-.956 4.09-.664A11.956 11.956 0 0 1 15 2.82z"/>
-  <path fill-rule="evenodd" d="M3.214 1.072C4.813.752 6.916.71 8.354 2.146A.5.5 0 0 1 8.5 2.5v11a.5.5 0 0 1-.854.354c-.843-.844-2.115-1.059-3.47-.92-1.344.14-2.66.617-3.452 1.013A.5.5 0 0 1 0 13.5v-11a.5.5 0 0 1 .276-.447L.5 2.5l-.224-.447.002-.001.004-.002.013-.006a5.017 5.017 0 0 1 .22-.103 12.958 12.958 0 0 1 2.7-.869z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#book-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Book half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="novel read magazine">
         <a class="d-block text-dark text-decoration-none" href="/icons/book/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-book" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.214 1.072C4.813.752 6.916.71 8.354 2.146A.5.5 0 0 1 8.5 2.5v11a.5.5 0 0 1-.854.354c-.843-.844-2.115-1.059-3.47-.92-1.344.14-2.66.617-3.452 1.013A.5.5 0 0 1 0 13.5v-11a.5.5 0 0 1 .276-.447L.5 2.5l-.224-.447.002-.001.004-.002.013-.006a5.017 5.017 0 0 1 .22-.103 12.958 12.958 0 0 1 2.7-.869zM1 2.82v9.908c.846-.343 1.944-.672 3.074-.788 1.143-.118 2.387-.023 3.426.56V2.718c-1.063-.929-2.631-.956-4.09-.664A11.958 11.958 0 0 0 1 2.82z"/>
-  <path fill-rule="evenodd" d="M12.786 1.072C11.188.752 9.084.71 7.646 2.146A.5.5 0 0 0 7.5 2.5v11a.5.5 0 0 0 .854.354c.843-.844 2.115-1.059 3.47-.92 1.344.14 2.66.617 3.452 1.013A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.276-.447L15.5 2.5l.224-.447-.002-.001-.004-.002-.013-.006-.047-.023a12.582 12.582 0 0 0-.799-.34 12.96 12.96 0 0 0-2.073-.609zM15 2.82v9.908c-.846-.343-1.944-.672-3.074-.788-1.143-.118-2.387-.023-3.426.56V2.718c1.063-.929 2.631-.956 4.09-.664A11.956 11.956 0 0 1 15 2.82z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#book"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Book
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="reading book">
         <a class="d-block text-dark text-decoration-none" href="/icons/bookmark-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bookmark-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.5 2a.5.5 0 0 0-.5.5v11.066l4-2.667 4 2.667V8.5a.5.5 0 0 1 1 0v6.934l-5-3.333-5 3.333V2.5A1.5 1.5 0 0 1 4.5 1h4a.5.5 0 0 1 0 1h-4z"/>
-  <path fill-rule="evenodd" d="M15.854 2.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 4.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bookmark-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bookmark check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="reading book">
         <a class="d-block text-dark text-decoration-none" href="/icons/bookmark-dash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bookmark-dash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zM4.5 2a.5.5 0 0 0-.5.5v11.066l4-2.667 4 2.667V8.5a.5.5 0 0 1 1 0v6.934l-5-3.333-5 3.333V2.5A1.5 1.5 0 0 1 4.5 1h4a.5.5 0 0 1 0 1h-4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bookmark-dash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bookmark dash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="reading book">
         <a class="d-block text-dark text-decoration-none" href="/icons/bookmark-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bookmark-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 3a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12l-5-3-5 3V3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bookmark-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bookmark fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="reading book">
         <a class="d-block text-dark text-decoration-none" href="/icons/bookmark-plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bookmark-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.5 2a.5.5 0 0 0-.5.5v11.066l4-2.667 4 2.667V8.5a.5.5 0 0 1 1 0v6.934l-5-3.333-5 3.333V2.5A1.5 1.5 0 0 1 4.5 1h4a.5.5 0 0 1 0 1h-4zm9-1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H13V1.5a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M13 3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0v-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bookmark-plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bookmark plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="reading book">
         <a class="d-block text-dark text-decoration-none" href="/icons/bookmark/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bookmark" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 12l5 3V3a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10.234z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bookmark"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bookmark
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="reading book">
         <a class="d-block text-dark text-decoration-none" href="/icons/bookmarks-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bookmarks-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12l-5-3-5 3V4z"/>
-  <path d="M14 14l-1-.6V2a1 1 0 0 0-1-1H4.268A2 2 0 0 1 6 0h6a2 2 0 0 1 2 2v12z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bookmarks-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bookmarks fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="reading book">
         <a class="d-block text-dark text-decoration-none" href="/icons/bookmarks/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bookmarks" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7 13l5 3V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10.234z"/>
-  <path d="M14 14l-1-.6V2a1 1 0 0 0-1-1H4.268A2 2 0 0 1 6 0h6a2 2 0 0 1 2 2v12z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bookmarks"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bookmarks
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shelf">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bookshelf/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bookshelf"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bookshelf
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="bootstrap">
         <a class="d-block text-dark text-decoration-none" href="/icons/bootstrap-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bootstrap-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.002 0a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4h-8zm1.06 12h3.475c1.804 0 2.888-.908 2.888-2.396 0-1.102-.761-1.916-1.904-2.034v-.1c.832-.14 1.482-.93 1.482-1.816 0-1.3-.955-2.11-2.542-2.11H5.062V12zm1.313-4.875V4.658h1.78c.973 0 1.542.457 1.542 1.237 0 .802-.604 1.23-1.764 1.23H6.375zm0 3.762h1.898c1.184 0 1.81-.48 1.81-1.377 0-.885-.65-1.348-1.886-1.348H6.375v2.725z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bootstrap-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bootstrap fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="bootstrap">
         <a class="d-block text-dark text-decoration-none" href="/icons/bootstrap-reboot/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bootstrap-reboot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.161 8a6.84 6.84 0 1 0 6.842-6.84.58.58 0 0 1 0-1.16 8 8 0 1 1-6.556 3.412l-.663-.577a.58.58 0 0 1 .227-.997l2.52-.69a.58.58 0 0 1 .728.633l-.332 2.592a.58.58 0 0 1-.956.364l-.643-.56A6.812 6.812 0 0 0 1.16 8zm5.48-.079V5.277h1.57c.881 0 1.416.499 1.416 1.32 0 .84-.504 1.324-1.386 1.324h-1.6zm0 3.75V8.843h1.57l1.498 2.828h1.314L9.377 8.665c.897-.3 1.427-1.106 1.427-2.1 0-1.37-.943-2.246-2.456-2.246H5.5v7.352h1.141z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bootstrap-reboot"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bootstrap reboot
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="bootstrap">
         <a class="d-block text-dark text-decoration-none" href="/icons/bootstrap/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bootstrap" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 1H4a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3zM4 0a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4H4z"/>
-  <path fill-rule="evenodd" d="M8.537 12H5.062V3.545h3.399c1.587 0 2.543.809 2.543 2.11 0 .884-.65 1.675-1.483 1.816v.1c1.143.117 1.904.931 1.904 2.033 0 1.488-1.084 2.396-2.888 2.396zM6.375 4.658v2.467h1.558c1.16 0 1.764-.428 1.764-1.23 0-.78-.569-1.237-1.541-1.237H6.375zm1.898 6.229H6.375V8.162h1.822c1.236 0 1.887.463 1.887 1.348 0 .896-.627 1.377-1.811 1.377z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bootstrap"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bootstrap
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="borders wysiwyg">
+        <a class="d-block text-dark text-decoration-none" href="/icons/border-style/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#border-style"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Border style
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="borders wysiwyg">
+        <a class="d-block text-dark text-decoration-none" href="/icons/border-width/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#border-width"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Border width
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="text shape resize dimensions">
         <a class="d-block text-dark text-decoration-none" href="/icons/bounding-box-circles/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bounding-box-circles" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12.5 2h-9V1h9v1zm-10 1.5v9h-1v-9h1zm11 9v-9h1v9h-1zM3.5 14h9v1h-9v-1z"/>
-  <path fill-rule="evenodd" d="M14 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM2 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bounding-box-circles"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bounding box circles
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text shape resize dimensions">
         <a class="d-block text-dark text-decoration-none" href="/icons/bounding-box/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bounding-box" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1H5v2H3v6h2v2h6v-2h2V5h-2V3zm1-2v3h3V1h-3zm3 11h-3v3h3v-3zM4 15v-3H1v3h3zM1 4h3V1H1v3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bounding-box"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bounding box
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-down-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-down-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13 1.5A1.5 1.5 0 0 1 14.5 3v8a1.5 1.5 0 0 1-1.5 1.5H9a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H5a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0V3A1.5 1.5 0 0 1 5 1.5h8zm-11 7a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 0-1H2.5V9a.5.5 0 0 0-.5-.5z"/>
-  <path fill-rule="evenodd" d="M1.646 14.354a.5.5 0 0 0 .708 0l8-8a.5.5 0 0 0-.708-.708l-8 8a.5.5 0 0 0 0 .708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-down-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow down left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-down-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-down-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 1.5A1.5 1.5 0 0 0 1.5 3v8A1.5 1.5 0 0 0 3 12.5h4a.5.5 0 0 0 0-1H3a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 1 0V3A1.5 1.5 0 0 0 11 1.5H3zm11 7a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H9a.5.5 0 0 1 0-1h4.5V9a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M14.354 14.354a.5.5 0 0 1-.708 0l-8-8a.5.5 0 1 1 .708-.708l8 8a.5.5 0 0 1 0 .708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-down-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow down right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.646 11.646a.5.5 0 0 1 .708 0L8 14.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M8 4.5a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M2.5 2A1.5 1.5 0 0 1 4 .5h8A1.5 1.5 0 0 1 13.5 2v7a1.5 1.5 0 0 1-1.5 1.5h-1.5a.5.5 0 0 1 0-1H12a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5H4a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 1 0 1H4A1.5 1.5 0 0 1 2.5 9V2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-in-down-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-in-down-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 13A1.5 1.5 0 0 0 3 14.5h10a1.5 1.5 0 0 0 1.5-1.5V8a.5.5 0 0 0-1 0v5a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5h4a.5.5 0 0 0 0-1H3A1.5 1.5 0 0 0 1.5 3v10z"/>
-  <path fill-rule="evenodd" d="M11.5 10a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 1 0v4.5H11a.5.5 0 0 1 .5.5z"/>
-  <path fill-rule="evenodd" d="M5.646 10.354a.5.5 0 0 1 0-.708l8-8a.5.5 0 0 1 .708.708l-8 8a.5.5 0 0 1-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-in-down-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow in down left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-in-down-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-in-down-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 13a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 13V8a.5.5 0 0 1 1 0v5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H9a.5.5 0 0 1 0-1h4A1.5 1.5 0 0 1 14.5 3v10z"/>
-  <path fill-rule="evenodd" d="M4.5 10a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-1 0v4.5H5a.5.5 0 0 0-.5.5z"/>
-  <path fill-rule="evenodd" d="M10.354 10.354a.5.5 0 0 0 0-.708l-8-8a.5.5 0 1 0-.708.708l8 8a.5.5 0 0 0 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-in-down-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow in down right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-in-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-in-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.646 8.146a.5.5 0 0 1 .708 0L8 10.793l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-1 0v-9A.5.5 0 0 1 8 1z"/>
-  <path fill-rule="evenodd" d="M1.5 13.5A1.5 1.5 0 0 0 3 15h10a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 13 4h-1.5a.5.5 0 0 0 0 1H13a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5v-8A.5.5 0 0 1 3 5h1.5a.5.5 0 0 0 0-1H3a1.5 1.5 0 0 0-1.5 1.5v8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-in-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow in down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-in-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-in-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.854 11.354a.5.5 0 0 0 0-.708L5.207 8l2.647-2.646a.5.5 0 1 0-.708-.708l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708 0z"/>
-  <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0 0 1h9A.5.5 0 0 0 15 8z"/>
-  <path fill-rule="evenodd" d="M2.5 14.5A1.5 1.5 0 0 1 1 13V3a1.5 1.5 0 0 1 1.5-1.5h8A1.5 1.5 0 0 1 12 3v1.5a.5.5 0 0 1-1 0V3a.5.5 0 0 0-.5-.5h-8A.5.5 0 0 0 2 3v10a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-1.5a.5.5 0 0 1 1 0V13a1.5 1.5 0 0 1-1.5 1.5h-8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-in-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow in left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-in-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-in-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.146 11.354a.5.5 0 0 1 0-.708L10.793 8 8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0z"/>
-  <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 1 8z"/>
-  <path fill-rule="evenodd" d="M13.5 14.5A1.5 1.5 0 0 0 15 13V3a1.5 1.5 0 0 0-1.5-1.5h-8A1.5 1.5 0 0 0 4 3v1.5a.5.5 0 0 0 1 0V3a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5h-8A.5.5 0 0 1 5 13v-1.5a.5.5 0 0 0-1 0V13a1.5 1.5 0 0 0 1.5 1.5h8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-in-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow in right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-in-up-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-in-up-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 3A1.5 1.5 0 0 1 3 1.5h10A1.5 1.5 0 0 1 14.5 3v5a.5.5 0 0 1-1 0V3a.5.5 0 0 0-.5-.5H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1H3A1.5 1.5 0 0 1 1.5 13V3z"/>
-  <path fill-rule="evenodd" d="M11.5 6a.5.5 0 0 0-.5-.5H6a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0V6.5H11a.5.5 0 0 0 .5-.5z"/>
-  <path fill-rule="evenodd" d="M5.646 5.646a.5.5 0 0 0 0 .708l8 8a.5.5 0 0 0 .708-.708l-8-8a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-in-up-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow in up left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-in-up-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-in-up-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 3A1.5 1.5 0 0 0 13 1.5H3A1.5 1.5 0 0 0 1.5 3v5a.5.5 0 0 0 1 0V3a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H9a.5.5 0 0 0 0 1h4a1.5 1.5 0 0 0 1.5-1.5V3z"/>
-  <path fill-rule="evenodd" d="M4.5 6a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V6.5H5a.5.5 0 0 1-.5-.5z"/>
-  <path fill-rule="evenodd" d="M10.354 5.646a.5.5 0 0 1 0 .708l-8 8a.5.5 0 0 1-.708-.708l8-8a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-in-up-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow in up right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-in-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-in-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.646 7.854a.5.5 0 0 0 .708 0L8 5.207l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708z"/>
-  <path fill-rule="evenodd" d="M8 15a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-1 0v9a.5.5 0 0 0 .5.5z"/>
-  <path fill-rule="evenodd" d="M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v8A1.5 1.5 0 0 1 13 12h-1.5a.5.5 0 0 1 0-1H13a.5.5 0 0 0 .5-.5v-8A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 1 0 1H3a1.5 1.5 0 0 1-1.5-1.5v-8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-in-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow in up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.354 11.354a.5.5 0 0 0 0-.708L1.707 8l2.647-2.646a.5.5 0 1 0-.708-.708l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708 0z"/>
-  <path fill-rule="evenodd" d="M11.5 8a.5.5 0 0 0-.5-.5H2a.5.5 0 0 0 0 1h9a.5.5 0 0 0 .5-.5z"/>
-  <path fill-rule="evenodd" d="M14 13.5a1.5 1.5 0 0 0 1.5-1.5V4A1.5 1.5 0 0 0 14 2.5H7A1.5 1.5 0 0 0 5.5 4v1.5a.5.5 0 0 0 1 0V4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5v-1.5a.5.5 0 0 0-1 0V12A1.5 1.5 0 0 0 7 13.5h7z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.646 11.354a.5.5 0 0 1 0-.708L14.293 8l-2.647-2.646a.5.5 0 0 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0z"/>
-  <path fill-rule="evenodd" d="M4.5 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5z"/>
-  <path fill-rule="evenodd" d="M2 13.5A1.5 1.5 0 0 1 .5 12V4A1.5 1.5 0 0 1 2 2.5h7A1.5 1.5 0 0 1 10.5 4v1.5a.5.5 0 0 1-1 0V4a.5.5 0 0 0-.5-.5H2a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-1.5a.5.5 0 0 1 1 0V12A1.5 1.5 0 0 1 9 13.5H2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-up-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-up-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 13a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 13V9a.5.5 0 0 1 1 0v4a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5H9a.5.5 0 0 1 0-1h4A1.5 1.5 0 0 1 14.5 5v8zm-7-11a.5.5 0 0 0-.5-.5H2a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0V2.5H7a.5.5 0 0 0 .5-.5z"/>
-  <path fill-rule="evenodd" d="M1.646 1.646a.5.5 0 0 0 0 .708l8 8a.5.5 0 0 0 .708-.708l-8-8a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-up-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow up left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-up-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-up-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 13A1.5 1.5 0 0 0 3 14.5h8a1.5 1.5 0 0 0 1.5-1.5V9a.5.5 0 0 0-1 0v4a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 0 0-1H3A1.5 1.5 0 0 0 1.5 5v8zm7-11a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V2.5H9a.5.5 0 0 1-.5-.5z"/>
-  <path fill-rule="evenodd" d="M14.354 1.646a.5.5 0 0 1 0 .708l-8 8a.5.5 0 0 1-.708-.708l8-8a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-up-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow up right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-arrow-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-arrow-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.646 4.354a.5.5 0 0 0 .708 0L8 1.707l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708z"/>
-  <path fill-rule="evenodd" d="M8 11.5a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-1 0v9a.5.5 0 0 0 .5.5z"/>
-  <path fill-rule="evenodd" d="M2.5 14A1.5 1.5 0 0 0 4 15.5h8a1.5 1.5 0 0 0 1.5-1.5V7A1.5 1.5 0 0 0 12 5.5h-1.5a.5.5 0 0 0 0 1H12a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 0 0-1H4A1.5 1.5 0 0 0 2.5 7v7z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-arrow-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box arrow up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="cardboard package">
         <a class="d-block text-dark text-decoration-none" href="/icons/box-seam/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box-seam" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5l2.404.961L10.404 2l-2.218-.887zm3.564 1.426L5.596 5 8 5.961 14.154 3.5l-2.404-.961zm3.25 1.7l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box-seam"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box seam
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="cardboard package">
         <a class="d-block text-dark text-decoration-none" href="/icons/box/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-box" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5 8.186 1.113zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#box"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Box
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/braces/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-braces" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C3.25 2 2.49 2.759 2.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6zM13.886 7.9v.163c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456V7.332c-1.114 0-1.49-.362-1.49-1.456V4.352C13.51 2.759 12.75 2 11.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#braces"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Braces
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="wall">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bricks/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bricks"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bricks
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="business">
         <a class="d-block text-dark text-decoration-none" href="/icons/briefcase-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-briefcase-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85v5.65z"/>
-  <path fill-rule="evenodd" d="M0 4.5A1.5 1.5 0 0 1 1.5 3h13A1.5 1.5 0 0 1 16 4.5v1.384l-7.614 2.03a1.5 1.5 0 0 1-.772 0L0 5.884V4.5zm5-2A1.5 1.5 0 0 1 6.5 1h3A1.5 1.5 0 0 1 11 2.5V3h-1v-.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5V3H5v-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#briefcase-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Briefcase fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="business">
         <a class="d-block text-dark text-decoration-none" href="/icons/briefcase/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-briefcase" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-6h-1v6a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-6H0v6z"/>
-  <path fill-rule="evenodd" d="M0 4.5A1.5 1.5 0 0 1 1.5 3h13A1.5 1.5 0 0 1 16 4.5v2.384l-7.614 2.03a1.5 1.5 0 0 1-.772 0L0 6.884V4.5zM1.5 4a.5.5 0 0 0-.5.5v1.616l6.871 1.832a.5.5 0 0 0 .258 0L15 6.116V4.5a.5.5 0 0 0-.5-.5h-13zM5 2.5A1.5 1.5 0 0 1 6.5 1h3A1.5 1.5 0 0 1 11 2.5V3h-1v-.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5V3H5v-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#briefcase"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Briefcase
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="brightness">
         <a class="d-block text-dark text-decoration-none" href="/icons/brightness-alt-high-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-brightness-alt-high-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 11a4 4 0 1 1 8 0 .5.5 0 0 1-.5.5h-7A.5.5 0 0 1 4 11zm4-8a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 3zm8 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 11a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.414a.5.5 0 1 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zM4.464 7.464a.5.5 0 0 1-.707 0L2.343 6.05a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#brightness-alt-high-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Brightness alt high fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="brightness">
         <a class="d-block text-dark text-decoration-none" href="/icons/brightness-alt-high/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-brightness-alt-high" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.041 10.5h5.918a3 3 0 0 0-5.918 0zM4 11a4 4 0 1 1 8 0 .5.5 0 0 1-.5.5h-7A.5.5 0 0 1 4 11zm4-8a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 3zm8 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 11a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.414a.5.5 0 1 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zM4.464 7.464a.5.5 0 0 1-.707 0L2.343 6.05a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#brightness-alt-high"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Brightness alt high
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="brightness">
         <a class="d-block text-dark text-decoration-none" href="/icons/brightness-alt-low-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-brightness-alt-low-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5 6a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-11 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9.743-4.036a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-8.486 0a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707z"/>
-  <path fill-rule="evenodd" d="M4 11a4 4 0 1 1 8 0 .5.5 0 0 1-.5.5h-7A.5.5 0 0 1 4 11z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#brightness-alt-low-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Brightness alt low fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="brightness">
         <a class="d-block text-dark text-decoration-none" href="/icons/brightness-alt-low/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-brightness-alt-low" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5 6a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-11 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9.743-4.036a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-8.486 0a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707z"/>
-  <path fill-rule="evenodd" d="M5.041 10.5h5.918a3 3 0 0 0-5.918 0zM4 11a4 4 0 1 1 8 0 .5.5 0 0 1-.5.5h-7A.5.5 0 0 1 4 11z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#brightness-alt-low"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Brightness alt low
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="brightness">
         <a class="d-block text-dark text-decoration-none" href="/icons/brightness-high-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-brightness-high-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="8" cy="8" r="4"/>
-  <path fill-rule="evenodd" d="M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#brightness-high-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Brightness high fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="brightness">
         <a class="d-block text-dark text-decoration-none" href="/icons/brightness-high/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-brightness-high" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#brightness-high"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Brightness high
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="brightness">
         <a class="d-block text-dark text-decoration-none" href="/icons/brightness-low-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-brightness-low-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="8" cy="8" r="4"/>
-  <circle cx="8" cy="2.5" r=".5"/>
-  <circle cx="8" cy="13.5" r=".5"/>
-  <circle cx="13.5" cy="8" r=".5" transform="rotate(90 13.5 8)"/>
-  <circle cx="2.5" cy="8" r=".5" transform="rotate(90 2.5 8)"/>
-  <circle cx="11.889" cy="4.111" r=".5" transform="rotate(45 11.89 4.11)"/>
-  <circle cx="4.111" cy="11.889" r=".5" transform="rotate(45 4.11 11.89)"/>
-  <circle cx="11.889" cy="11.889" r=".5" transform="rotate(135 11.89 11.889)"/>
-  <circle cx="4.111" cy="4.111" r=".5" transform="rotate(135 4.11 4.11)"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#brightness-low-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Brightness low fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="brightness">
         <a class="d-block text-dark text-decoration-none" href="/icons/brightness-low/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-brightness-low" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
-  <circle cx="8" cy="2.5" r=".5"/>
-  <circle cx="8" cy="13.5" r=".5"/>
-  <circle cx="13.5" cy="8" r=".5" transform="rotate(90 13.5 8)"/>
-  <circle cx="2.5" cy="8" r=".5" transform="rotate(90 2.5 8)"/>
-  <circle cx="11.889" cy="4.111" r=".5" transform="rotate(45 11.89 4.11)"/>
-  <circle cx="4.111" cy="11.889" r=".5" transform="rotate(45 4.11 11.89)"/>
-  <circle cx="11.889" cy="11.889" r=".5" transform="rotate(135 11.89 11.889)"/>
-  <circle cx="4.111" cy="4.111" r=".5" transform="rotate(135 4.11 4.11)"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#brightness-low"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Brightness low
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="radio radio wave amplify wavelength">
+        <a class="d-block text-dark text-decoration-none" href="/icons/broadcast-pin/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#broadcast-pin"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Broadcast pin
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="radio radio wave amplify wavelength">
+        <a class="d-block text-dark text-decoration-none" href="/icons/broadcast/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#broadcast"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Broadcast
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="paint art">
         <a class="d-block text-dark text-decoration-none" href="/icons/brush/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-brush" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M15.213 1.018a.572.572 0 0 1 .756.05.57.57 0 0 1 .057.746C15.085 3.082 12.044 7.107 9.6 9.55c-.71.71-1.42 1.243-1.952 1.596-.508.339-1.167.234-1.599-.197-.416-.416-.53-1.047-.212-1.543.346-.542.887-1.273 1.642-1.977 2.521-2.35 6.476-5.44 7.734-6.411z"/>
-  <path d="M7 12a2 2 0 0 1-2 2c-1 0-2 0-3.5-.5s.5-1 1-1.5 1.395-2 2.5-2a2 2 0 0 1 2 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#brush"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Brush
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="tool pail">
         <a class="d-block text-dark text-decoration-none" href="/icons/bucket-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bucket-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1.5A4.5 4.5 0 0 0 3.5 6h-1a5.5 5.5 0 1 1 11 0h-1A4.5 4.5 0 0 0 8 1.5z"/>
-  <path fill-rule="evenodd" d="M1.61 5.687A.5.5 0 0 1 2 5.5h12a.5.5 0 0 1 .488.608l-1.826 8.217a1.5 1.5 0 0 1-1.464 1.175H4.802a1.5 1.5 0 0 1-1.464-1.175L1.512 6.108a.5.5 0 0 1 .098-.42z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bucket-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bucket fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="tool pail">
         <a class="d-block text-dark text-decoration-none" href="/icons/bucket/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bucket" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1.5A4.5 4.5 0 0 0 3.5 6h-1a5.5 5.5 0 1 1 11 0h-1A4.5 4.5 0 0 0 8 1.5z"/>
-  <path fill-rule="evenodd" d="M1.61 5.687A.5.5 0 0 1 2 5.5h12a.5.5 0 0 1 .488.608l-1.826 8.217a1.5 1.5 0 0 1-1.464 1.175H4.802a1.5 1.5 0 0 1-1.464-1.175L1.512 6.108a.5.5 0 0 1 .098-.42zm1.013.813l1.691 7.608a.5.5 0 0 0 .488.392h6.396a.5.5 0 0 0 .488-.392l1.69-7.608H2.624z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bucket"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bucket
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="insect error">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bug-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bug-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bug fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="insect error">
+        <a class="d-block text-dark text-decoration-none" href="/icons/bug/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bug"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Bug
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="company enterprise organization">
         <a class="d-block text-dark text-decoration-none" href="/icons/building/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-building" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M15.285.089A.5.5 0 0 1 15.5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5H1a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .418-.493l5.582-.93V3.5a.5.5 0 0 1 .324-.468l8-3a.5.5 0 0 1 .46.057zM7.5 3.846V8.5a.5.5 0 0 1-.418.493l-5.582.93V15h8v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.222l-7 2.624z"/>
-  <path fill-rule="evenodd" d="M6.5 15.5v-7h1v7h-1z"/>
-  <path d="M2.5 11h1v1h-1v-1zm2 0h1v1h-1v-1zm-2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm6-10h1v1h-1V3zm2 0h1v1h-1V3zm-4 2h1v1h-1V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm-2 2h1v1h-1V7zm2 0h1v1h-1V7zm-4 0h1v1h-1V7zm0 2h1v1h-1V9zm2 0h1v1h-1V9zm2 0h1v1h-1V9zm-4 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#building"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Building
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="target">
         <a class="d-block text-dark text-decoration-none" href="/icons/bullseye/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-bullseye" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10zm0 1A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/>
-  <path fill-rule="evenodd" d="M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
-  <path d="M9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#bullseye"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Bullseye
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="calculator math">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calculator-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calculator-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calculator fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="calculator math">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calculator/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calculator"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calculator
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-check-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-check-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM0 5h16v9a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5zm10.854 3.854a.5.5 0 0 0-.708-.708L7.5 10.793 6.354 9.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-check-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar check fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-date-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-date-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM0 5h16v9a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5zm9.336 7.79c-1.11 0-1.656-.767-1.703-1.407h.683c.043.37.387.82 1.051.82.844 0 1.301-.848 1.305-2.164h-.027c-.153.414-.637.79-1.383.79-.852 0-1.676-.61-1.676-1.77 0-1.137.871-1.809 1.797-1.809 1.172 0 1.953.734 1.953 2.668 0 1.805-.742 2.871-2 2.871zm.066-2.544c.625 0 1.184-.484 1.184-1.18 0-.832-.527-1.23-1.16-1.23-.586 0-1.168.387-1.168 1.21 0 .817.543 1.2 1.144 1.2zm-2.957-2.89v5.332H5.77v-4.61h-.012c-.29.156-.883.52-1.258.777V8.16a12.6 12.6 0 0 1 1.313-.805h.632z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-date-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar date fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-date/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-date" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M6.445 11.688V6.354h-.633A12.6 12.6 0 0 0 4.5 7.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z"/>
-  <path fill-rule="evenodd" d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-date"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar date
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-day-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-day-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM0 5h16v9a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5zm11.215 2.855a.425.425 0 0 1-.43-.425c0-.242.192-.43.43-.43a.428.428 0 1 1 0 .855zm.336.563v4.105h-.672V8.418h.672zm-6.867 4.105v-2.3h2.261v-.61H4.684V7.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V9.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-day-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar day fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-day/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-day" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4.684 11.523v-2.3h2.261v-.61H4.684V6.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V8.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105zm2.805-5.093c0 .238.192.425.43.425a.428.428 0 1 0 0-.855.426.426 0 0 0-.43.43zm.094 5.093h.672V7.418h-.672v4.105z"/>
-  <path fill-rule="evenodd" d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-day"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar day
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time event invite">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar-event-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-event-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar event fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time event invite">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar-event/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-event"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar event
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M2 1a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2H2zm14 4H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-minus-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-minus-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM0 5h16v9a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5zm6 5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-minus-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar minus fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-minus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-minus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.5 9.5A.5.5 0 0 1 6 9h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
-  <path fill-rule="evenodd" d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-minus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar minus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-month-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-month-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM0 5h16v9a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5zm2.56 7.332l.54-1.602h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332h.71zm1.544-4.527L4.9 10.18H3.284l.8-2.375h.02zm5.746.422h-.676v2.543c0 .652-.414 1.023-1.004 1.023-.539 0-.98-.246-.98-1.012V8.227h-.676v2.746c0 .941.606 1.425 1.453 1.425.656 0 1.043-.28 1.188-.605h.027v.539h.668V8.227zm1.273 4.41c.075.332.422.636.985.636.648 0 1.07-.378 1.07-1.023v-.605h-.02c-.163.355-.613.648-1.171.648-.957 0-1.64-.672-1.64-1.902v-.34c0-1.207.675-1.887 1.64-1.887.558 0 1.004.293 1.195.64h.02v-.577h.648v4.03c0 1.052-.816 1.579-1.746 1.579-1.043 0-1.574-.516-1.668-1.2h.687zm2.055-2.535c0-.832-.414-1.36-1.062-1.36-.692 0-1.098.492-1.098 1.36v.253c0 .852.406 1.364 1.098 1.364.671 0 1.062-.516 1.062-1.364v-.253z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-month-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar month fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-month/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-month" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2.56 11.332L3.1 9.73h1.984l.54 1.602h.718L4.444 6h-.696L1.85 11.332h.71zm1.544-4.527L4.9 9.18H3.284l.8-2.375h.02zm5.746.422h-.676V9.77c0 .652-.414 1.023-1.004 1.023-.539 0-.98-.246-.98-1.012V7.227h-.676v2.746c0 .941.606 1.425 1.453 1.425.656 0 1.043-.28 1.188-.605h.027v.539h.668V7.227zm2.258 5.046c-.563 0-.91-.304-.985-.636h-.687c.094.683.625 1.199 1.668 1.199.93 0 1.746-.527 1.746-1.578V7.227h-.649v.578h-.019c-.191-.348-.637-.64-1.195-.64-.965 0-1.64.679-1.64 1.886v.34c0 1.23.683 1.902 1.64 1.902.558 0 1.008-.293 1.172-.648h.02v.605c0 .645-.423 1.023-1.071 1.023zm.008-4.53c.648 0 1.062.527 1.062 1.359v.253c0 .848-.39 1.364-1.062 1.364-.692 0-1.098-.512-1.098-1.364v-.253c0-.868.406-1.36 1.098-1.36z"/>
-  <path fill-rule="evenodd" d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-month"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar month
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-plus-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-plus-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM0 5h16v9a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5zm8.5 3.5a.5.5 0 0 0-1 0V10H6a.5.5 0 0 0 0 1h1.5v1.5a.5.5 0 0 0 1 0V11H10a.5.5 0 0 0 0-1H8.5V8.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-plus-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar plus fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar-plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H6a.5.5 0 0 1 0-1h1.5V7.5A.5.5 0 0 1 8 7z"/>
-  <path fill-rule="evenodd" d="M7.5 9.5A.5.5 0 0 1 8 9h2a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0v-2z"/>
-  <path fill-rule="evenodd" d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="dates timeline duration">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar-range-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-range-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar range fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar-range/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-range"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar range
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration week">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar-week-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-week-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar week fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration week">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar-week/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar-week"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar week
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-check-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-check-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm-2 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-1zm8.854 5.354a.5.5 0 0 0-.708-.708L7.5 10.793 6.354 9.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-check-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 check fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.854 8.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-date-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-date-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm-2 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-1zm7.336 9.04c-1.11 0-1.656-.767-1.703-1.407h.683c.043.37.387.82 1.051.82.844 0 1.301-.848 1.305-2.164h-.027c-.153.414-.637.79-1.383.79-.852 0-1.676-.61-1.676-1.77C7.586 7.672 8.457 7 9.383 7c1.172 0 1.953.734 1.953 2.668 0 1.805-.742 2.871-2 2.871zm.066-2.544c.625 0 1.184-.484 1.184-1.18 0-.832-.527-1.23-1.16-1.23-.586 0-1.168.387-1.168 1.21 0 .817.543 1.2 1.144 1.2zm-2.957-2.89v5.332H5.77v-4.61h-.012c-.29.156-.883.52-1.258.777V7.91a12.6 12.6 0 0 1 1.313-.805h.632z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-date-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 date fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-date/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-date" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M6.445 12.438V7.104h-.633A12.6 12.6 0 0 0 4.5 7.91v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871C11.336 7.734 10.555 7 9.383 7c-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z"/>
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-date"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 date
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-day-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-day-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm-2 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-1zm9.215 4.355a.425.425 0 0 1-.43-.425c0-.242.192-.43.43-.43a.428.428 0 1 1 0 .855zm.336.563v4.105h-.672V8.418h.672zm-6.867 4.105v-2.3h2.261v-.61H4.684V7.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V9.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-day-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 day fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-day/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-day" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4.684 12.523v-2.3h2.261v-.61H4.684V7.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V9.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105zm2.805-5.093c0 .238.192.425.43.425a.428.428 0 1 0 0-.855.426.426 0 0 0-.43.43zm.094 5.093h.672V8.418h-.672v4.105z"/>
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-day"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 day
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time event invite">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-event-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-event-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar2 event fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time event invite">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-event/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-event"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar2 event
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm-1 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-11z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-minus-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-minus-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm-2 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-1zM6 10a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-minus-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 minus fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-minus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-minus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.5 10.5A.5.5 0 0 1 6 10h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-minus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 minus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-month-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-month-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm-2 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-1zm.56 8.832l.54-1.602h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332h.71zm1.544-4.527L4.9 10.18H3.284l.8-2.375h.02zm5.746.422h-.676v2.543c0 .652-.414 1.023-1.004 1.023-.539 0-.98-.246-.98-1.012V8.227h-.676v2.746c0 .941.606 1.425 1.453 1.425.656 0 1.043-.28 1.188-.605h.027v.539h.668V8.227zm1.273 4.41c.075.332.422.636.985.636.648 0 1.07-.378 1.07-1.023v-.605h-.02c-.163.355-.613.648-1.171.648-.957 0-1.64-.672-1.64-1.902v-.34c0-1.207.675-1.887 1.64-1.887.558 0 1.004.293 1.195.64h.02v-.577h.648v4.03c0 1.052-.816 1.579-1.746 1.579-1.043 0-1.574-.516-1.668-1.2h.687zm2.055-2.535c0-.832-.414-1.36-1.062-1.36-.692 0-1.098.492-1.098 1.36v.253c0 .852.406 1.364 1.098 1.364.671 0 1.062-.516 1.062-1.364v-.253z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-month-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 month fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-month/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-month" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2.56 12.332l.54-1.602h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332h.71zm1.544-4.527L4.9 10.18H3.284l.8-2.375h.02zm5.746.422h-.676v2.543c0 .652-.414 1.023-1.004 1.023-.539 0-.98-.246-.98-1.012V8.227h-.676v2.746c0 .941.606 1.425 1.453 1.425.656 0 1.043-.28 1.188-.605h.027v.539h.668V8.227zm2.258 5.046c-.563 0-.91-.304-.985-.636h-.687c.094.683.625 1.199 1.668 1.199.93 0 1.746-.527 1.746-1.578V8.227h-.649v.578h-.019c-.191-.348-.637-.64-1.195-.64-.965 0-1.64.679-1.64 1.886v.34c0 1.23.683 1.902 1.64 1.902.558 0 1.008-.293 1.172-.648h.02v.605c0 .645-.423 1.023-1.071 1.023zm.008-4.53c.648 0 1.062.527 1.062 1.359v.253c0 .848-.39 1.364-1.062 1.364-.692 0-1.098-.512-1.098-1.364v-.253c0-.868.406-1.36 1.098-1.36z"/>
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-month"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 month
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-plus-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-plus-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm-2 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-1zm6.5 5a.5.5 0 0 0-1 0V10H6a.5.5 0 0 0 0 1h1.5v1.5a.5.5 0 0 0 1 0V11H10a.5.5 0 0 0 0-1H8.5V8.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-plus-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 plus fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 8a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H6a.5.5 0 0 1 0-1h1.5V8.5A.5.5 0 0 1 8 8z"/>
-  <path fill-rule="evenodd" d="M7.5 10.5A.5.5 0 0 1 8 10h2a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0v-2z"/>
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2 plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="dates timeline duration">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-range-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-range-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar2 range fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-range/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-range"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar2 range
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration week">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-week-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-week-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar2 week fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration week">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar2-week/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2-week"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar2 week
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar2/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar2"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar2
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time event invite">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar3-event-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar3-event-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar3 event fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time event invite">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar3-event/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar3-event"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar3 event
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar3-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar3-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2H0z"/>
-  <path fill-rule="evenodd" d="M0 3h16v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3zm6.5 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-8 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-8 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar3-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar3 fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="dates timeline duration">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar3-range-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar3-range-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar3 range fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar3-range/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar3-range"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar3 range
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration week">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar3-week-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar3-week-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar3 week fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration week">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar3-week/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar3-week"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar3 week
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar3/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/>
-  <path fill-rule="evenodd" d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar3"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar3
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="date time event invite">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar4-event/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar4-event"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar4 event
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar4-range/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar4-range"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar4 range
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dates timeline duration week">
+        <a class="d-block text-dark text-decoration-none" href="/icons/calendar4-week/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar4-week"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Calendar4 week
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="date time month">
         <a class="d-block text-dark text-decoration-none" href="/icons/calendar4/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-calendar4" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v2h16V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#calendar4"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Calendar4
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="photos photography">
+        <a class="d-block text-dark text-decoration-none" href="/icons/camera-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#camera-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Camera fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="av video film">
+        <a class="d-block text-dark text-decoration-none" href="/icons/camera-reels-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#camera-reels-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Camera reels fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="av video film">
+        <a class="d-block text-dark text-decoration-none" href="/icons/camera-reels/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#camera-reels"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Camera reels
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="av video film">
         <a class="d-block text-dark text-decoration-none" href="/icons/camera-video-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-camera-video-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2.667 3h6.666C10.253 3 11 3.746 11 4.667v6.666c0 .92-.746 1.667-1.667 1.667H2.667C1.747 13 1 12.254 1 11.333V4.667C1 3.747 1.746 3 2.667 3z"/>
-  <path d="M7.404 8.697l6.363 3.692c.54.313 1.233-.066 1.233-.697V4.308c0-.63-.693-1.01-1.233-.696L7.404 7.304a.802.802 0 0 0 0 1.393z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#camera-video-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Camera video fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="av video film">
         <a class="d-block text-dark text-decoration-none" href="/icons/camera-video-off-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-camera-video-off-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1.429 3.55A1.66 1.66 0 0 0 1 4.667v6.666C1 12.253 1.746 13 2.667 13h6.666c.43 0 .821-.162 1.117-.429l-9.02-9.02zm13.111 8.868a.798.798 0 0 0 .46-.726V4.308c0-.63-.693-1.01-1.233-.696L11 5.218v-.551C11 3.747 10.254 3 9.333 3H5.121l9.419 9.418z"/>
-  <path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.708.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#camera-video-off-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Camera video off fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="av video film">
         <a class="d-block text-dark text-decoration-none" href="/icons/camera-video-off/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-camera-video-off" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1.075 3.196A2.159 2.159 0 0 0 .5 4.666v6.667c0 1.197.97 2.167 2.167 2.167h6.666c.568 0 1.084-.218 1.47-.575l-.708-.708c-.204.176-.47.283-.762.283H2.667A1.167 1.167 0 0 1 1.5 11.333V4.667c0-.292.107-.558.283-.762l-.708-.709zM10.5 8.379V4.667c0-.645-.522-1.167-1.167-1.167H5.621l-1-1h4.712c1.094 0 1.998.81 2.146 1.862l2.037-1.182c.859-.498 1.984.095 1.984 1.128v7.384c0 .482-.245.869-.594 1.093l-.79-.79a.317.317 0 0 0 .384-.303V4.308a.318.318 0 0 0-.482-.263L11.5 5.505V9.38l-1-1z"/>
-  <path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.708.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#camera-video-off"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Camera video off
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="av video film">
         <a class="d-block text-dark text-decoration-none" href="/icons/camera-video/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-camera-video" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.667 3.5c-.645 0-1.167.522-1.167 1.167v6.666c0 .645.522 1.167 1.167 1.167h6.666c.645 0 1.167-.522 1.167-1.167V4.667c0-.645-.522-1.167-1.167-1.167H2.667zM.5 4.667C.5 3.47 1.47 2.5 2.667 2.5h6.666c1.197 0 2.167.97 2.167 2.167v6.666c0 1.197-.97 2.167-2.167 2.167H2.667A2.167 2.167 0 0 1 .5 11.333V4.667z"/>
-  <path fill-rule="evenodd" d="M11.25 5.65l2.768-1.605a.318.318 0 0 1 .482.263v7.384c0 .228-.26.393-.482.264l-2.767-1.605-.502.865 2.767 1.605c.859.498 1.984-.095 1.984-1.129V4.308c0-1.033-1.125-1.626-1.984-1.128L10.75 4.785l.502.865z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#camera-video"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Camera video
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="photos photography">
         <a class="d-block text-dark text-decoration-none" href="/icons/camera/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-camera" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 5C7.343 5 5 6.343 5 8a4 4 0 0 1 4-4v1z"/>
-  <path fill-rule="evenodd" d="M14.333 3h-2.015A5.97 5.97 0 0 0 9 2a5.972 5.972 0 0 0-3.318 1H1.667C.747 3 0 3.746 0 4.667v6.666C0 12.253.746 13 1.667 13h4.015c.95.632 2.091 1 3.318 1a5.973 5.973 0 0 0 3.318-1h2.015c.92 0 1.667-.746 1.667-1.667V4.667C16 3.747 15.254 3 14.333 3zM1.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM9 13A5 5 0 1 0 9 3a5 5 0 0 0 0 10z"/>
-  <path d="M2 3a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#camera"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Camera
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="photos photography">
+        <a class="d-block text-dark text-decoration-none" href="/icons/camera2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#camera2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Camera2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="key">
         <a class="d-block text-dark text-decoration-none" href="/icons/capslock-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-capslock-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.27 1.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H11.5v1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1H1.654C.78 9.5.326 8.455.924 7.816L7.27 1.047zM4.5 13.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#capslock-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Capslock fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="key">
         <a class="d-block text-dark text-decoration-none" href="/icons/capslock/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-capslock" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.27 1.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H11.5v1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1H1.654C.78 9.5.326 8.455.924 7.816L7.27 1.047zM14.346 8.5L8 1.731 1.654 8.5H4.5a1 1 0 0 1 1 1v1h5v-1a1 1 0 0 1 1-1h2.846zm-9.846 5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1zm6 0h-5v1h5v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#capslock"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Capslock
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="note card notecard">
         <a class="d-block text-dark text-decoration-none" href="/icons/card-checklist/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-card-checklist" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
-  <path fill-rule="evenodd" d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#card-checklist"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Card checklist
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="note card notecard">
         <a class="d-block text-dark text-decoration-none" href="/icons/card-heading/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-card-heading" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
-  <path fill-rule="evenodd" d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
-  <path d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#card-heading"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Card heading
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="note card notecard">
         <a class="d-block text-dark text-decoration-none" href="/icons/card-image/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-card-image" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
-  <path d="M10.648 7.646a.5.5 0 0 1 .577-.093L15.002 9.5V13h-14v-1l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71z"/>
-  <path fill-rule="evenodd" d="M4.502 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#card-image"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Card image
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="note card notecard">
         <a class="d-block text-dark text-decoration-none" href="/icons/card-list/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-card-list" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
-  <path fill-rule="evenodd" d="M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5z"/>
-  <circle cx="3.5" cy="5.5" r=".5"/>
-  <circle cx="3.5" cy="8" r=".5"/>
-  <circle cx="3.5" cy="10.5" r=".5"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#card-list"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Card list
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="note card notecard">
         <a class="d-block text-dark text-decoration-none" href="/icons/card-text/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-card-text" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
-  <path fill-rule="evenodd" d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#card-text"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Card text
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-down-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-down-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-down-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret down fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-down-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-down-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4 4a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 6H4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-down-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret down square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-down-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-down-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.544 6.295A.5.5 0 0 1 4 6h8a.5.5 0 0 1 .374.832l-4 4.5a.5.5 0 0 1-.748 0l-4-4.5a.5.5 0 0 1-.082-.537z"/>
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-down-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret down square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.204 5L8 10.481 12.796 5H3.204zm-.753.659l4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-left-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-left-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-left-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret left fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-left-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-left-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm10.5 10a.5.5 0 0 1-.832.374l-4.5-4a.5.5 0 0 1 0-.748l4.5-4A.5.5 0 0 1 10.5 4v8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-left-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret left square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-left-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-left-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M10.205 12.456A.5.5 0 0 0 10.5 12V4a.5.5 0 0 0-.832-.374l-4.5 4a.5.5 0 0 0 0 .748l4.5 4a.5.5 0 0 0 .537.082z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-left-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret left square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10 12.796L4.519 8 10 3.204v9.592zm-.659.753l-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-right-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-right-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-right-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret right fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-right-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-right-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm5.5 10a.5.5 0 0 0 .832.374l4.5-4a.5.5 0 0 0 0-.748l-4.5-4A.5.5 0 0 0 5.5 4v8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-right-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret right square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-right-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-right-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M5.795 12.456A.5.5 0 0 1 5.5 12V4a.5.5 0 0 1 .832-.374l4.5 4a.5.5 0 0 1 0 .748l-4.5 4a.5.5 0 0 1-.537.082z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-right-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret right square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6 12.796L11.481 8 6 3.204v9.592zm.659.753l5.48-4.796a1 1 0 0 0 0-1.506L6.66 2.451C6.011 1.885 5 2.345 5 3.204v9.592a1 1 0 0 0 1.659.753z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-up-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-up-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-up-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret up fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-up-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-up-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4 9a.5.5 0 0 1-.374-.832l4-4.5a.5.5 0 0 1 .748 0l4 4.5A.5.5 0 0 1 12 11H4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-up-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret up square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-up-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-up-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.544 10.705A.5.5 0 0 0 4 11h8a.5.5 0 0 0 .374-.832l-4-4.5a.5.5 0 0 0-.748 0l-4 4.5a.5.5 0 0 0-.082.537z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-up-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret up square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="caret arrow triangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/caret-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-caret-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.204 11L8 5.519 12.796 11H3.204zm-.753-.659l4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#caret-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Caret up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/cart-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cart-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.354 5.646a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L8 8.293l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm7 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cart-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cart check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/cart-dash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cart-dash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6 7.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
-  <path fill-rule="evenodd" d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm7 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cart-dash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cart dash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/cart-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cart-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm7 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cart-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cart fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/cart-plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cart-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.5 5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H8V5.5a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M8 7.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H9v1.5a.5.5 0 0 1-1 0v-2z"/>
-  <path fill-rule="evenodd" d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm7 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cart-plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cart plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/cart/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cart" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm7 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cart"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cart
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/cart2/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cart2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l1.25 5h8.22l1.25-5H3.14zM5 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cart2"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cart2
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/cart3/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cart3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm7 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cart3"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cart3
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shopping checkout check cart basket bag">
         <a class="d-block text-dark text-decoration-none" href="/icons/cart4/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cart4" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l.5 2H5V5H3.14zM6 5v2h2V5H6zm3 0v2h2V5H9zm3 0v2h1.36l.5-2H12zm1.11 3H12v2h.61l.5-2zM11 8H9v2h2V8zM8 8H6v2h2V8zM5 8H3.89l.5 2H5V8zm0 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cart4"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cart4
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="money bills funds wallet currency">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cash-stack/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cash-stack"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cash stack
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="money bills funds wallet currency">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cash/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cash"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cash
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="airplay project stream display">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cast/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cast"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cast
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message typing">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-dots-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-dots-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-dots-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat dots fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message typing">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-dots/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-dots" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.678 11.894a1 1 0 0 1 .287.801 10.97 10.97 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8.06 8.06 0 0 0 8 14c3.996 0 7-2.807 7-6 0-3.192-3.004-6-7-6S1 4.808 1 8c0 1.468.617 2.83 1.678 3.894zm-.493 3.905a21.682 21.682 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a9.68 9.68 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105z"/>
-  <path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-dots"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat dots
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9.06 9.06 0 0 0 8 15z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message typing">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-left-dots-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-left-dots-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat left dots fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message typing">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-left-dots/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-left-dots"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat left dots
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-left-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-left-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat left fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message quote">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-left-quote-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-left-quote-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat left quote fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message quote">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-left-quote/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-left-quote"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat left quote
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-left-text-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-left-text-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat left text fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-left-text/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-left-text"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat left text
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-left/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-left"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat left
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message quote">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-quote-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-quote-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM7.194 6.766c.087.124.163.26.227.401.428.948.393 2.377-.942 3.706a.446.446 0 0 1-.612.01.405.405 0 0 1-.011-.59c.419-.416.672-.831.809-1.22-.269.165-.588.26-.93.26C4.775 9.333 4 8.587 4 7.667 4 6.747 4.776 6 5.734 6c.271 0 .528.06.756.166l.008.004c.169.07.327.182.469.324.085.083.161.174.227.272zM11 9.073c-.269.165-.588.26-.93.26-.958 0-1.735-.746-1.735-1.666 0-.92.777-1.667 1.734-1.667.271 0 .528.06.756.166l.008.004c.17.07.327.182.469.324.085.083.161.174.227.272.087.124.164.26.228.401.428.948.392 2.377-.942 3.706a.446.446 0 0 1-.613.01.405.405 0 0 1-.011-.59c.42-.416.672-.831.81-1.22z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-quote-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat quote fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message quote">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-quote/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-quote" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.678 11.894a1 1 0 0 1 .287.801 10.97 10.97 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8.06 8.06 0 0 0 8 14c3.996 0 7-2.807 7-6 0-3.192-3.004-6-7-6S1 4.808 1 8c0 1.468.617 2.83 1.678 3.894zm-.493 3.905a21.682 21.682 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a9.68 9.68 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105z"/>
-  <path d="M7.468 7.667c0 .92-.776 1.666-1.734 1.666S4 8.587 4 7.667C4 6.747 4.776 6 5.734 6s1.734.746 1.734 1.667z"/>
-  <path fill-rule="evenodd" d="M6.157 6.936a.438.438 0 0 1-.56.293.413.413 0 0 1-.274-.527c.08-.23.23-.44.477-.546a.891.891 0 0 1 .698.014c.387.16.72.545.923.997.428.948.393 2.377-.942 3.706a.446.446 0 0 1-.612.01.405.405 0 0 1-.011-.59c1.093-1.087 1.058-2.158.77-2.794-.152-.336-.354-.514-.47-.563zm-.035-.012h-.001.001z"/>
-  <path d="M11.803 7.667c0 .92-.776 1.666-1.734 1.666-.957 0-1.734-.746-1.734-1.666 0-.92.777-1.667 1.734-1.667.958 0 1.734.746 1.734 1.667z"/>
-  <path fill-rule="evenodd" d="M10.492 6.936a.438.438 0 0 1-.56.293.413.413 0 0 1-.274-.527c.08-.23.23-.44.477-.546a.891.891 0 0 1 .698.014c.387.16.72.545.924.997.428.948.392 2.377-.942 3.706a.446.446 0 0 1-.613.01.405.405 0 0 1-.011-.59c1.093-1.087 1.058-2.158.77-2.794-.152-.336-.354-.514-.469-.563zm-.034-.012h-.002.002z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-quote"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat quote
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message typing">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-right-dots-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-right-dots-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat right dots fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message typing">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-right-dots/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-right-dots"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat right dots
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-right-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-right-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat right fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message quote">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-right-quote-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-right-quote-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat right quote fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message quote">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-right-quote/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-right-quote"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat right quote
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-right-text-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-right-text-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat right text fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-right-text/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-right-text"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat right text
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-right/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-right"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat right
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message typing">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-square-dots-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-square-dots-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5a1 1 0 0 0-.8.4l-1.9 2.533a1 1 0 0 1-1.6 0L5.3 12.4a1 1 0 0 0-.8-.4H2a2 2 0 0 1-2-2V2zm5 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-square-dots-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat square dots fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message typing">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-square-dots/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-square-dots" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.5a2 2 0 0 1 1.6.8L8 14.333 9.9 11.8a2 2 0 0 1 1.6-.8H14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-square-dots"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat square dots
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message quote">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-square-quote-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-square-quote-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5a1 1 0 0 0-.8.4l-1.9 2.533a1 1 0 0 1-1.6 0L5.3 12.4a1 1 0 0 0-.8-.4H2a2 2 0 0 1-2-2V2zm7.194 2.766c.087.124.163.26.227.401.428.948.393 2.377-.942 3.706a.446.446 0 0 1-.612.01.405.405 0 0 1-.011-.59c.419-.416.672-.831.809-1.22-.269.165-.588.26-.93.26C4.775 7.333 4 6.587 4 5.667 4 4.747 4.776 4 5.734 4c.271 0 .528.06.756.166l.008.004c.169.07.327.182.469.324.085.083.161.174.227.272zM11 7.073c-.269.165-.588.26-.93.26-.958 0-1.735-.746-1.735-1.666 0-.92.777-1.667 1.734-1.667.271 0 .528.06.756.166l.008.004c.17.07.327.182.469.324.085.083.161.174.227.272.087.124.164.26.228.401.428.948.392 2.377-.942 3.706a.446.446 0 0 1-.613.01.405.405 0 0 1-.011-.59c.42-.416.672-.831.81-1.22z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-square-quote-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat square quote fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message quote">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-square-quote/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-square-quote" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.5a2 2 0 0 1 1.6.8L8 14.333 9.9 11.8a2 2 0 0 1 1.6-.8H14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path d="M7.468 5.667c0 .92-.776 1.666-1.734 1.666S4 6.587 4 5.667C4 4.747 4.776 4 5.734 4s1.734.746 1.734 1.667z"/>
-  <path fill-rule="evenodd" d="M6.157 4.936a.438.438 0 0 1-.56.293.413.413 0 0 1-.274-.527c.08-.23.23-.44.477-.546a.891.891 0 0 1 .698.014c.387.16.72.545.923.997.428.948.393 2.377-.942 3.706a.446.446 0 0 1-.612.01.405.405 0 0 1-.011-.59c1.093-1.087 1.058-2.158.77-2.794-.152-.336-.354-.514-.47-.563z"/>
-  <path d="M11.803 5.667c0 .92-.776 1.666-1.734 1.666-.957 0-1.734-.746-1.734-1.666 0-.92.777-1.667 1.734-1.667.958 0 1.734.746 1.734 1.667z"/>
-  <path fill-rule="evenodd" d="M10.492 4.936a.438.438 0 0 1-.56.293.413.413 0 0 1-.274-.527c.08-.23.23-.44.477-.546a.891.891 0 0 1 .698.014c.387.16.72.545.924.997.428.948.392 2.377-.942 3.706a.446.446 0 0 1-.613.01.405.405 0 0 1-.011-.59c1.093-1.087 1.058-2.158.77-2.794-.152-.336-.354-.514-.469-.563z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-square-quote"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat square quote
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-square-text-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-square-text-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat square text fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-square-text/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-square-text"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat square text
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.5a2 2 0 0 1 1.6.8L8 14.333 9.9 11.8a2 2 0 0 1 1.6-.8H14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-text-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-text-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat text fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
+        <a class="d-block text-dark text-decoration-none" href="/icons/chat-text/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat-text"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Chat text
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chat bubble text message">
         <a class="d-block text-dark text-decoration-none" href="/icons/chat/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chat" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.678 11.894a1 1 0 0 1 .287.801 10.97 10.97 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8.06 8.06 0 0 0 8 14c3.996 0 7-2.807 7-6 0-3.192-3.004-6-7-6S1 4.808 1 8c0 1.468.617 2.83 1.678 3.894zm-.493 3.905a21.682 21.682 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a9.68 9.68 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chat"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chat
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark todo done select">
         <a class="d-block text-dark text-decoration-none" href="/icons/check-all/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check-all" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L2.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093L8.95 4.992a.252.252 0 0 1 .02-.022zm-.92 5.14l.92.92a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 1 0-1.091-1.028L9.477 9.417l-.485-.486-.943 1.179z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check-all"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check all
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark confirm done">
         <a class="d-block text-dark text-decoration-none" href="/icons/check-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark confirm done">
         <a class="d-block text-dark text-decoration-none" href="/icons/check-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark confirm done">
         <a class="d-block text-dark text-decoration-none" href="/icons/check-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark confirm done">
         <a class="d-block text-dark text-decoration-none" href="/icons/check-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark confirm done">
         <a class="d-block text-dark text-decoration-none" href="/icons/check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark todo select done checkbox">
         <a class="d-block text-dark text-decoration-none" href="/icons/check2-all/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check2-all" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12.354 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
-  <path d="M6.25 8.043l-.896-.897a.5.5 0 1 0-.708.708l.897.896.707-.707zm1 2.414l.896.897a.5.5 0 0 0 .708 0l7-7a.5.5 0 0 0-.708-.708L8.5 10.293l-.543-.543-.707.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check2-all"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check2 all
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark todo select done checkbox">
         <a class="d-block text-dark text-decoration-none" href="/icons/check2-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check2-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L8 9.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M8 2.5A5.5 5.5 0 1 0 13.5 8a.5.5 0 0 1 1 0 6.5 6.5 0 1 1-3.25-5.63.5.5 0 1 1-.5.865A5.472 5.472 0 0 0 8 2.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check2-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check2 circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark todo select done checkbox">
         <a class="d-block text-dark text-decoration-none" href="/icons/check2-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check2-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L8 9.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M1.5 13A1.5 1.5 0 0 0 3 14.5h10a1.5 1.5 0 0 0 1.5-1.5V8a.5.5 0 0 0-1 0v5a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V3a.5.5 0 0 1 .5-.5h8a.5.5 0 0 0 0-1H3A1.5 1.5 0 0 0 1.5 3v10z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check2-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check2 square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkmark todo select done checkbox">
         <a class="d-block text-dark text-decoration-none" href="/icons/check2/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-check2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#check2"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Check2
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-bar-contract/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-bar-contract" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.646 14.854a.5.5 0 0 0 .708 0L8 11.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zm0-13.708a.5.5 0 0 1 .708 0L8 4.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-bar-contract"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron bar contract
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-bar-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-bar-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.646 4.146a.5.5 0 0 1 .708 0L8 7.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 11.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-bar-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron bar down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-bar-expand/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-bar-expand" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.646 10.146a.5.5 0 0 1 .708 0L8 13.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-4.292a.5.5 0 0 0 .708 0L8 2.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zM1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-bar-expand"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron bar expand
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-bar-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-bar-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.854 3.646a.5.5 0 0 1 0 .708L8.207 8l3.647 3.646a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708 0zM4.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-bar-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron bar left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-bar-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-bar-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.146 3.646a.5.5 0 0 0 0 .708L7.793 8l-3.647 3.646a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708 0zM11.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-bar-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron bar right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-bar-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-bar-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.646 11.854a.5.5 0 0 0 .708 0L8 8.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zM2.4 5.2c0 .22.18.4.4.4h10.4a.4.4 0 0 0 0-.8H2.8a.4.4 0 0 0-.4.4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-bar-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron bar up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-compact-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-compact-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.553 6.776a.5.5 0 0 1 .67-.223L8 9.44l5.776-2.888a.5.5 0 1 1 .448.894l-6 3a.5.5 0 0 1-.448 0l-6-3a.5.5 0 0 1-.223-.67z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-compact-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron compact down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-compact-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-compact-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-compact-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron compact left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-compact-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-compact-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.776 1.553a.5.5 0 0 1 .671.223l3 6a.5.5 0 0 1 0 .448l-3 6a.5.5 0 1 1-.894-.448L9.44 8 6.553 2.224a.5.5 0 0 1 .223-.671z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-compact-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron compact right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-compact-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-compact-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.776 5.553a.5.5 0 0 1 .448 0l6 3a.5.5 0 1 1-.448.894L8 6.56 2.224 9.447a.5.5 0 1 1-.448-.894l6-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-compact-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron compact up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-contract/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-contract" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.646 13.854a.5.5 0 0 0 .708 0L8 10.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zm0-11.708a.5.5 0 0 1 .708 0L8 5.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-contract"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron contract
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-double-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-double-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-double-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron double down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-double-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-double-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-double-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron double left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-double-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-double-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-double-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron double right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-double-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-double-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 3.707 2.354 9.354a.5.5 0 1 1-.708-.708l6-6z"/>
-  <path fill-rule="evenodd" d="M7.646 6.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 7.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-double-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron double up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-expand/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-expand" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-expand"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron expand
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chevron">
         <a class="d-block text-dark text-decoration-none" href="/icons/chevron-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-chevron-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#chevron-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Chevron up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape">
         <a class="d-block text-dark text-decoration-none" href="/icons/circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="8" cy="8" r="8"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape">
         <a class="d-block text-dark text-decoration-none" href="/icons/circle-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-circle-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15V1a7 7 0 1 1 0 14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#circle-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Circle half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="graphics vector merge layers">
         <a class="d-block text-dark text-decoration-none" href="/icons/circle-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-circle-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6z"/>
-  <path d="M12.93 5h1.57a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1.57a6.953 6.953 0 0 1-1-.22v1.79A1.5 1.5 0 0 0 5.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 4h-1.79c.097.324.17.658.22 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#circle-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Circle square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape">
         <a class="d-block text-dark text-decoration-none" href="/icons/circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="copy paste">
+        <a class="d-block text-dark text-decoration-none" href="/icons/clipboard-check/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#clipboard-check"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Clipboard check
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="copy paste data analytics graph chart">
         <a class="d-block text-dark text-decoration-none" href="/icons/clipboard-data/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-clipboard-data" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
-  <path fill-rule="evenodd" d="M9.5 1h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
-  <path d="M4 11a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1zm6-4a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7zM7 9a1 1 0 0 1 2 0v3a1 1 0 1 1-2 0V9z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#clipboard-data"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Clipboard data
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="copy paste">
+        <a class="d-block text-dark text-decoration-none" href="/icons/clipboard-minus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#clipboard-minus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Clipboard minus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="copy paste">
+        <a class="d-block text-dark text-decoration-none" href="/icons/clipboard-plus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#clipboard-plus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Clipboard plus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="copy paste">
         <a class="d-block text-dark text-decoration-none" href="/icons/clipboard/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-clipboard" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
-  <path fill-rule="evenodd" d="M9.5 1h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#clipboard"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Clipboard
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="time">
         <a class="d-block text-dark text-decoration-none" href="/icons/clock-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-clock-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#clock-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Clock fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="time history">
         <a class="d-block text-dark text-decoration-none" href="/icons/clock-history/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-clock-history" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"/>
-  <path fill-rule="evenodd" d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"/>
-  <path fill-rule="evenodd" d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#clock-history"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Clock history
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="time">
         <a class="d-block text-dark text-decoration-none" href="/icons/clock/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-clock" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z"/>
-  <path fill-rule="evenodd" d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#clock"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Clock
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="download">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-arrow-down-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-arrow-down-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud arrow down fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="download">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-arrow-down/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-arrow-down"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud arrow down
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="upload">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-arrow-up-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-arrow-up-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud arrow up fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="upload">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-arrow-up/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-arrow-up"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud arrow up
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="checkmark">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-check-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-check-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud check fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="checkmark">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-check/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-check"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud check
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="arrow">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-download-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-download-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud download fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="arrow">
         <a class="d-block text-dark text-decoration-none" href="/icons/cloud-download/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cloud-download" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4.887 5.2l-.964-.165A2.5 2.5 0 1 0 3.5 10H6v1H3.5a3.5 3.5 0 1 1 .59-6.95 5.002 5.002 0 1 1 9.804 1.98A2.501 2.501 0 0 1 13.5 11H10v-1h3.5a1.5 1.5 0 0 0 .237-2.981L12.7 6.854l.216-1.028a4 4 0 1 0-7.843-1.587l-.185.96z"/>
-  <path fill-rule="evenodd" d="M5 12.5a.5.5 0 0 1 .707 0L8 14.793l2.293-2.293a.5.5 0 1 1 .707.707l-2.646 2.646a.5.5 0 0 1-.708 0L5 13.207a.5.5 0 0 1 0-.707z"/>
-  <path fill-rule="evenodd" d="M8 6a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-download"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cloud download
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="weather">
         <a class="d-block text-dark text-decoration-none" href="/icons/cloud-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cloud-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.5 13a3.5 3.5 0 1 1 .59-6.95 5.002 5.002 0 1 1 9.804 1.98A2.5 2.5 0 0 1 13.5 13h-10z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cloud fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="subtract">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-minus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-minus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud minus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="subtract">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-minus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-minus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud minus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="add new">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-plus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-plus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud plus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="add new">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-plus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-plus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud plus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="cloud">
         <a class="d-block text-dark text-decoration-none" href="/icons/cloud-slash-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cloud-slash-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3.901 6.023A3.5 3.5 0 1 0 3.5 13h7.379L3.9 6.023zm10.872 6.629a2.5 2.5 0 0 0-.88-4.621 5 5 0 0 0-8.368-4.626l9.248 9.247z"/>
-  <path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.707.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-slash-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cloud slash fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="cloud">
         <a class="d-block text-dark text-decoration-none" href="/icons/cloud-slash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cloud-slash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3.901 6.023A3.5 3.5 0 1 0 3.5 13h7.379l-1-1H3.5a2.5 2.5 0 1 1 .423-4.965l.964.164.031-.16-1.017-1.016zm10.125 5.882a1.5 1.5 0 0 0-.289-2.886L12.7 8.854l.216-1.028a4 4 0 0 0-6.682-3.714l-.707-.708a5 5 0 0 1 8.368 4.626 2.501 2.501 0 0 1 .88 4.621l-.748-.746z"/>
-  <path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.707.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-slash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cloud slash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cloud-upload-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-upload-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cloud upload fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="cloud">
         <a class="d-block text-dark text-decoration-none" href="/icons/cloud-upload/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cloud-upload" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4.887 6.2l-.964-.165A2.5 2.5 0 1 0 3.5 11H6v1H3.5a3.5 3.5 0 1 1 .59-6.95 5.002 5.002 0 1 1 9.804 1.98A2.501 2.501 0 0 1 13.5 12H10v-1h3.5a1.5 1.5 0 0 0 .237-2.981L12.7 7.854l.216-1.028a4 4 0 1 0-7.843-1.587l-.185.96z"/>
-  <path fill-rule="evenodd" d="M5 8.854a.5.5 0 0 0 .707 0L8 6.56l2.293 2.293A.5.5 0 1 0 11 8.146L8.354 5.5a.5.5 0 0 0-.708 0L5 8.146a.5.5 0 0 0 0 .708z"/>
-  <path fill-rule="evenodd" d="M8 6a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud-upload"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cloud upload
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="weather">
         <a class="d-block text-dark text-decoration-none" href="/icons/cloud/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cloud" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.887 7.2l-.964-.165A2.5 2.5 0 1 0 3.5 12h10a1.5 1.5 0 0 0 .237-2.981L12.7 8.854l.216-1.028a4 4 0 1 0-7.843-1.587l-.185.96zm9.084.341a5 5 0 0 0-9.88-1.492A3.5 3.5 0 1 0 3.5 13h9.999a2.5 2.5 0 0 0 .394-4.968c.033-.16.06-.324.077-.49z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cloud"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cloud
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/code-slash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-code-slash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0zm-.999-3.124a.5.5 0 0 1 .33.625l-4 13a.5.5 0 0 1-.955-.294l4-13a.5.5 0 0 1 .625-.33z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#code-slash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Code slash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type preformatted">
+        <a class="d-block text-dark text-decoration-none" href="/icons/code-square/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#code-square"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Code square
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/code/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-code" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.854 4.146a.5.5 0 0 1 0 .708L2.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm4.292 0a.5.5 0 0 0 0 .708L13.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#code"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Code
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="library group">
         <a class="d-block text-dark text-decoration-none" href="/icons/collection-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-collection-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <rect width="16" height="10" rx="1.5" transform="matrix(1 0 0 -1 0 14.5)"/>
-  <path fill-rule="evenodd" d="M2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#collection-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Collection fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="library group play">
         <a class="d-block text-dark text-decoration-none" href="/icons/collection-play-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-collection-play-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 14.5A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zm5.265-7.924A.5.5 0 0 0 6 7v5a.5.5 0 0 0 .765.424l4-2.5a.5.5 0 0 0 0-.848l-4-2.5zM2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#collection-play-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Collection play fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="library group play">
         <a class="d-block text-dark text-decoration-none" href="/icons/collection-play/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-collection-play" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 13.5h-13A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5zm-13 1A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zM2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z"/>
-  <path fill-rule="evenodd" d="M6.258 6.563a.5.5 0 0 1 .507.013l4 2.5a.5.5 0 0 1 0 .848l-4 2.5A.5.5 0 0 1 6 12V7a.5.5 0 0 1 .258-.437z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#collection-play"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Collection play
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="library group">
         <a class="d-block text-dark text-decoration-none" href="/icons/collection/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-collection" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 13.5h-13A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5zm-13 1A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zM2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#collection"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Collection
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/columns-gap/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-columns-gap" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6 1H1v3h5V1zM1 0a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H1zm14 12h-5v3h5v-3zm-5-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-5zM6 8H1v7h5V8zM1 7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H1zm14-6h-5v7h5V1zm-5-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1h-5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#columns-gap"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Columns gap
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/columns/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-columns" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M15 2H1v12h14V2zM1 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H1z"/>
-  <path fill-rule="evenodd" d="M7.5 14V2h1v12h-1zm0-8H1V5h6.5v1zm7.5 5H8.5v-1H15v1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#columns"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Columns
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="key mac">
         <a class="d-block text-dark text-decoration-none" href="/icons/command/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-command" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 3.5A1.5 1.5 0 0 0 3.5 5H5V3.5a1.5 1.5 0 1 0-3 0zM6 6V3.5A2.5 2.5 0 1 0 3.5 6H6zm8-2.5A1.5 1.5 0 0 1 12.5 5H11V3.5a1.5 1.5 0 0 1 3 0zM10 6V3.5A2.5 2.5 0 1 1 12.5 6H10zm-8 6.5A1.5 1.5 0 0 1 3.5 11H5v1.5a1.5 1.5 0 0 1-3 0zM6 10v2.5A2.5 2.5 0 1 1 3.5 10H6zm8 2.5a1.5 1.5 0 0 0-1.5-1.5H11v1.5a1.5 1.5 0 0 0 3 0zM10 10v2.5a2.5 2.5 0 1 0 2.5-2.5H10z"/>
-  <path fill-rule="evenodd" d="M10 6H6v4h4V6zM5 5v6h6V5H5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#command"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Command
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="direction map">
         <a class="d-block text-dark text-decoration-none" href="/icons/compass/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-compass" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15.016a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zm0 1a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15z"/>
-  <path d="M6 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H7a1 1 0 0 1-1-1zm.94 6.44l4.95-2.83-2.83 4.95-4.95 2.83 2.83-4.95z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#compass"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Compass
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="construction warning safety">
         <a class="d-block text-dark text-decoration-none" href="/icons/cone-striped/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cone-striped" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.879 11.015a.5.5 0 0 1 .242 0l6 1.5a.5.5 0 0 1 .037.96l-6 2a.499.499 0 0 1-.316 0l-6-2a.5.5 0 0 1 .037-.96l6-1.5z"/>
-  <path d="M11.885 12.538l-.72-2.877C10.303 9.873 9.201 10 8 10s-2.303-.127-3.165-.339l-.72 2.877c-.073.292-.002.6.256.756C4.86 13.589 5.916 14 8 14s3.14-.411 3.63-.706c.257-.155.328-.464.255-.756zM9.97 4.88l.953 3.811C10.159 8.878 9.14 9 8 9c-1.14 0-2.159-.122-2.923-.309L6.03 4.88C6.635 4.957 7.3 5 8 5s1.365-.043 1.97-.12zm-.245-.978L8.97.88C8.718-.13 7.282-.13 7.03.88L6.275 3.9C6.8 3.965 7.382 4 8 4c.618 0 1.2-.036 1.725-.098z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cone-striped"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cone striped
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="construction warning safety">
         <a class="d-block text-dark text-decoration-none" href="/icons/cone/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cone" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.03 1.88c.252-1.01 1.688-1.01 1.94 0L12 14H4L7.03 1.88z"/>
-  <path fill-rule="evenodd" d="M1.5 14a.5.5 0 0 1 .5-.5h12a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cone"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cone
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="game gaming video-game">
         <a class="d-block text-dark text-decoration-none" href="/icons/controller/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-controller" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.119 2.693c.904.19 1.75.495 2.235.98.407.408.779 1.05 1.094 1.772.32.733.599 1.591.805 2.466.206.875.34 1.78.364 2.606.024.815-.059 1.602-.328 2.21a1.42 1.42 0 0 1-1.445.83c-.636-.067-1.115-.394-1.513-.773a11.307 11.307 0 0 1-.739-.809c-.126-.147-.25-.291-.368-.422-.728-.804-1.597-1.527-3.224-1.527-1.627 0-2.496.723-3.224 1.527-.119.131-.242.275-.368.422-.243.283-.494.576-.739.81-.398.378-.877.705-1.513.772a1.42 1.42 0 0 1-1.445-.83c-.27-.608-.352-1.395-.329-2.21.024-.826.16-1.73.365-2.606.206-.875.486-1.733.805-2.466.315-.722.687-1.364 1.094-1.772.486-.485 1.331-.79 2.235-.98.932-.196 2.03-.292 3.119-.292 1.089 0 2.187.096 3.119.292zm-6.032.979c-.877.185-1.469.443-1.733.708-.276.276-.587.783-.885 1.465a13.748 13.748 0 0 0-.748 2.295 12.351 12.351 0 0 0-.339 2.406c-.022.755.062 1.368.243 1.776a.42.42 0 0 0 .426.24c.327-.034.61-.199.929-.502.212-.202.4-.423.615-.674.133-.156.276-.323.44-.505C4.861 9.97 5.978 9.026 8 9.026s3.139.943 3.965 1.855c.164.182.307.35.44.505.214.25.403.472.615.674.318.303.601.468.929.503a.42.42 0 0 0 .426-.241c.18-.408.265-1.02.243-1.776a12.354 12.354 0 0 0-.339-2.406 13.753 13.753 0 0 0-.748-2.295c-.298-.682-.61-1.19-.885-1.465-.264-.265-.856-.523-1.733-.708-.85-.179-1.877-.27-2.913-.27-1.036 0-2.063.091-2.913.27z"/>
-  <path d="M11.5 6.026a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1 1a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1 1a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-7-2.5h1v3h-1v-3z"/>
-  <path d="M3.5 6.526h3v1h-3v-1zM3.051 3.26a.5.5 0 0 1 .354-.613l1.932-.518a.5.5 0 0 1 .258.966l-1.932.518a.5.5 0 0 1-.612-.354zm9.976 0a.5.5 0 0 0-.353-.613l-1.932-.518a.5.5 0 1 0-.259.966l1.932.518a.5.5 0 0 0 .612-.354z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#controller"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Controller
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="processor chip computer">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cpu-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cpu-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cpu fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="processor chip computer">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cpu/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cpu"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cpu
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="debit card payment">
+        <a class="d-block text-dark text-decoration-none" href="/icons/credit-card-2-back-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#credit-card-2-back-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Credit card 2 back fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="debit card payment">
+        <a class="d-block text-dark text-decoration-none" href="/icons/credit-card-2-back/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#credit-card-2-back"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Credit card 2 back
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="debit card payment">
+        <a class="d-block text-dark text-decoration-none" href="/icons/credit-card-2-front-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#credit-card-2-front-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Credit card 2 front fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="debit card payment">
+        <a class="d-block text-dark text-decoration-none" href="/icons/credit-card-2-front/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#credit-card-2-front"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Credit card 2 front
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="debit card payment">
+        <a class="d-block text-dark text-decoration-none" href="/icons/credit-card-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#credit-card-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Credit card fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="debit card payment">
         <a class="d-block text-dark text-decoration-none" href="/icons/credit-card/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-credit-card" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
-  <rect width="3" height="3" x="2" y="9" rx="1"/>
-  <path d="M1 5h14v2H1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#credit-card"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Credit card
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="crop">
         <a class="d-block text-dark text-decoration-none" href="/icons/crop/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-crop" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.5.5A.5.5 0 0 1 4 1v13h13a.5.5 0 0 1 0 1H3.5a.5.5 0 0 1-.5-.5V1a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M.5 3.5A.5.5 0 0 1 1 3h2.5a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5zm5.5 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4H6.5a.5.5 0 0 1-.5-.5zM14.5 14a.5.5 0 0 1 .5.5V17a.5.5 0 0 1-1 0v-2.5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#crop"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Crop
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mug glass drink">
+        <a class="d-block text-dark text-decoration-none" href="/icons/cup-straw/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cup-straw"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Cup straw
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mug">
         <a class="d-block text-dark text-decoration-none" href="/icons/cup/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cup" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 4H4v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4zM3 3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V3H3z"/>
-  <path fill-rule="evenodd" d="M14.5 5.5h-2v-1h2A1.5 1.5 0 0 1 16 6v4a1.5 1.5 0 0 1-1.5 1.5h-2v-1h2a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cup"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cup
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="pointer">
         <a class="d-block text-dark text-decoration-none" href="/icons/cursor-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cursor-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cursor-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cursor fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type cursor">
         <a class="d-block text-dark text-decoration-none" href="/icons/cursor-text/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cursor-text" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5 2a.5.5 0 0 1 .5-.5c.862 0 1.573.287 2.06.566.174.099.321.198.44.286.119-.088.266-.187.44-.286A4.165 4.165 0 0 1 10.5 1.5a.5.5 0 0 1 0 1c-.638 0-1.177.213-1.564.434a3.49 3.49 0 0 0-.436.294V7.5H9a.5.5 0 0 1 0 1h-.5v4.272c.1.08.248.187.436.294.387.221.926.434 1.564.434a.5.5 0 0 1 0 1 4.165 4.165 0 0 1-2.06-.566A4.561 4.561 0 0 1 8 13.65a4.561 4.561 0 0 1-.44.285 4.165 4.165 0 0 1-2.06.566.5.5 0 0 1 0-1c.638 0 1.177-.213 1.564-.434.188-.107.335-.214.436-.294V8.5H7a.5.5 0 0 1 0-1h.5V3.228a3.49 3.49 0 0 0-.436-.294A3.166 3.166 0 0 0 5.5 2.5.5.5 0 0 1 5 2zm3.352 1.355zm-.704 9.29z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cursor-text"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cursor text
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="pointer">
         <a class="d-block text-dark text-decoration-none" href="/icons/cursor/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-cursor" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103zM2.25 8.184l3.897 1.67a.5.5 0 0 1 .262.263l1.67 3.897L12.743 3.52 2.25 8.184z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#cursor"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Cursor
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="minus">
         <a class="d-block text-dark text-decoration-none" href="/icons/dash-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-dash-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4 7.5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dash-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Dash circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="minus">
         <a class="d-block text-dark text-decoration-none" href="/icons/dash-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-dash-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dash-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Dash circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="minus">
         <a class="d-block text-dark text-decoration-none" href="/icons/dash-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-dash-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm2 7.5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dash-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Dash square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="minus">
         <a class="d-block text-dark text-decoration-none" href="/icons/dash-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-dash-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dash-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Dash square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="minus">
         <a class="d-block text-dark text-decoration-none" href="/icons/dash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-dash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Dash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="node diagram sitemap children org chart">
+        <a class="d-block text-dark text-decoration-none" href="/icons/diagram-2-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#diagram-2-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Diagram 2 fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="node diagram sitemap children org chart">
+        <a class="d-block text-dark text-decoration-none" href="/icons/diagram-2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#diagram-2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Diagram 2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="node diagram sitemap children org chart">
+        <a class="d-block text-dark text-decoration-none" href="/icons/diagram-3-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#diagram-3-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Diagram 3 fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="node diagram sitemap children org chart">
+        <a class="d-block text-dark text-decoration-none" href="/icons/diagram-3/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#diagram-3"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Diagram 3
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="shape">
         <a class="d-block text-dark text-decoration-none" href="/icons/diamond-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-diamond-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#diamond-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Diamond fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape">
         <a class="d-block text-dark text-decoration-none" href="/icons/diamond-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-diamond-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435zM8 .989c.127 0 .253.049.35.145l6.516 6.516a.495.495 0 0 1 0 .7L8.35 14.866a.493.493 0 0 1-.35.145V.989z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#diamond-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Diamond half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape">
         <a class="d-block text-dark text-decoration-none" href="/icons/diamond/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-diamond" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#diamond"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Diamond
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-1-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-1-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 1 fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-1/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-1"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 1
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-2-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-2-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 2 fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-3-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-3-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 3 fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-3/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-3"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 3
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-4-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-4-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 4 fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-4/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-4"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 4
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-5-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-5-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 5 fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-5/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-5"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 5
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-6-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-6-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 6 fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dice die games gaming gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/dice-6/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dice-6"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Dice 6
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="monitor external">
         <a class="d-block text-dark text-decoration-none" href="/icons/display-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-display-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5.75 13.5c.167-.333.25-.833.25-1.5h4c0 .667.083 1.167.25 1.5H11a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1h.75z"/>
-  <path fill-rule="evenodd" d="M13.991 3H2c-.325 0-.502.078-.602.145a.758.758 0 0 0-.254.302A1.46 1.46 0 0 0 1 4.01V10c0 .325.078.502.145.602.07.105.17.188.302.254a1.464 1.464 0 0 0 .538.143L2.01 11H14c.325 0 .502-.078.602-.145a.758.758 0 0 0 .254-.302 1.464 1.464 0 0 0 .143-.538L15 9.99V4c0-.325-.078-.502-.145-.602a.757.757 0 0 0-.302-.254A1.46 1.46 0 0 0 13.99 3zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2z"/>
-  <path d="M2 4h12v6H2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#display-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Display fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="monitor external">
         <a class="d-block text-dark text-decoration-none" href="/icons/display/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-display" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5.75 13.5c.167-.333.25-.833.25-1.5h4c0 .667.083 1.167.25 1.5H11a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1h.75z"/>
-  <path fill-rule="evenodd" d="M13.991 3H2c-.325 0-.502.078-.602.145a.758.758 0 0 0-.254.302A1.46 1.46 0 0 0 1 4.01V10c0 .325.078.502.145.602.07.105.17.188.302.254a1.464 1.464 0 0 0 .538.143L2.01 11H14c.325 0 .502-.078.602-.145a.758.758 0 0 0 .254-.302 1.464 1.464 0 0 0 .143-.538L15 9.99V4c0-.325-.078-.502-.145-.602a.757.757 0 0 0-.302-.254A1.46 1.46 0 0 0 13.99 3zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#display"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Display
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="space align">
+        <a class="d-block text-dark text-decoration-none" href="/icons/distribute-horizontal/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#distribute-horizontal"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Distribute horizontal
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="space align">
+        <a class="d-block text-dark text-decoration-none" href="/icons/distribute-vertical/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#distribute-vertical"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Distribute vertical
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="door logout signout">
         <a class="d-block text-dark text-decoration-none" href="/icons/door-closed-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-door-closed-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1a1 1 0 0 0-1 1v13H1.5a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2a1 1 0 0 0-1-1H4zm2 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#door-closed-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Door closed fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="door logout signout">
         <a class="d-block text-dark text-decoration-none" href="/icons/door-closed/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-door-closed" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2zm1 0v13h8V2H4z"/>
-  <path d="M7 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
-  <path fill-rule="evenodd" d="M1 15.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#door-closed"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Door closed
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="door login signin">
+        <a class="d-block text-dark text-decoration-none" href="/icons/door-open-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#door-open-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Door open fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="door login signin">
+        <a class="d-block text-dark text-decoration-none" href="/icons/door-open/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#door-open"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Door open
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="middot">
         <a class="d-block text-dark text-decoration-none" href="/icons/dot/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-dot" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#dot"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Dot
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow network">
         <a class="d-block text-dark text-decoration-none" href="/icons/download/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-download" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.5 8a.5.5 0 0 1 .5.5V12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5a.5.5 0 0 1 1 0V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5A.5.5 0 0 1 .5 8z"/>
-  <path fill-rule="evenodd" d="M5 7.5a.5.5 0 0 1 .707 0L8 9.793 10.293 7.5a.5.5 0 1 1 .707.707l-2.646 2.647a.5.5 0 0 1-.708 0L5 8.207A.5.5 0 0 1 5 7.5z"/>
-  <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#download"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Download
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="water-drop paint ink liquid">
         <a class="d-block text-dark text-decoration-none" href="/icons/droplet-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-droplet-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 16a6 6 0 0 0 6-6c0-1.655-1.122-2.904-2.432-4.362C10.254 4.176 8.75 2.503 8 0c0 0-6 5.686-6 10a6 6 0 0 0 6 6zM6.646 4.646c-.376.377-1.272 1.489-2.093 3.13l.894.448c.78-1.559 1.616-2.58 1.907-2.87l-.708-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#droplet-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Droplet fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="water-drop paint ink liquid">
         <a class="d-block text-dark text-decoration-none" href="/icons/droplet-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-droplet-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0c.109.363.234.708.371 1.038.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8zm.413 1.021A31.25 31.25 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10a5 5 0 0 0 10 0c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/>
-  <path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448z"/>
-  <path d="M14 10a6 6 0 0 1-12 0s2.5 2.5 6.5.5S14 10 14 10z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#droplet-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Droplet half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="water-drop paint ink liquid">
         <a class="d-block text-dark text-decoration-none" href="/icons/droplet/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-droplet" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0c.109.363.234.708.371 1.038.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8zm.413 1.021A31.25 31.25 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10a5 5 0 0 0 10 0c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/>
-  <path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#droplet"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Droplet
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/earbuds/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#earbuds"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Earbuds
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="paint draw art present">
+        <a class="d-block text-dark text-decoration-none" href="/icons/easel-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#easel-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Easel fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="paint draw art present">
+        <a class="d-block text-dark text-decoration-none" href="/icons/easel/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#easel"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Easel
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="food">
         <a class="d-block text-dark text-decoration-none" href="/icons/egg-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-egg-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M14 10a6 6 0 0 1-12 0C2 5.686 5 0 8 0s6 5.686 6 10z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#egg-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Egg fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="food">
         <a class="d-block text-dark text-decoration-none" href="/icons/egg-fried/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-egg-fried" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13.665 6.113a1 1 0 0 1-.667-.977L13 5a4 4 0 0 0-6.483-3.136 1 1 0 0 1-.8.2 4 4 0 0 0-3.693 6.61 1 1 0 0 1 .2 1 4 4 0 0 0 6.67 4.087 1 1 0 0 1 1.262-.152 2.5 2.5 0 0 0 3.715-2.905 1 1 0 0 1 .341-1.113 2.001 2.001 0 0 0-.547-3.478zM14 5c0 .057 0 .113-.003.17a3.001 3.001 0 0 1 .822 5.216 3.5 3.5 0 0 1-5.201 4.065 5 5 0 0 1-8.336-5.109A5 5 0 0 1 5.896 1.08 5 5 0 0 1 14 5z"/>
-  <circle cx="8" cy="8" r="3"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#egg-fried"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Egg fried
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="food">
         <a class="d-block text-dark text-decoration-none" href="/icons/egg/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-egg" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15a5 5 0 0 0 5-5c0-1.956-.69-4.286-1.742-6.12-.524-.913-1.112-1.658-1.704-2.164C8.956 1.206 8.428 1 8 1c-.428 0-.956.206-1.554.716-.592.506-1.18 1.251-1.704 2.164C3.69 5.714 3 8.044 3 10a5 5 0 0 0 5 5zm0 1a6 6 0 0 0 6-6c0-4.314-3-10-6-10S2 5.686 2 10a6 6 0 0 0 6 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#egg"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Egg
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="disc cd dvd">
         <a class="d-block text-dark text-decoration-none" href="/icons/eject-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-eject-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.27 1.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H1.656C.78 9.5.326 8.455.926 7.816L7.27 1.047zM.5 11.5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#eject-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Eject fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="disc cd dvd">
         <a class="d-block text-dark text-decoration-none" href="/icons/eject/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-eject" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.27 1.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H1.656C.78 9.5.326 8.455.926 7.816L7.27 1.047zM14.346 8.5L8 1.731 1.654 8.5h12.692zM.5 11.5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-1zm14 0h-13v1h13v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#eject"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Eject
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="emoticon anger upset">
         <a class="d-block text-dark text-decoration-none" href="/icons/emoji-angry/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-emoji-angry" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683z"/>
-  <path d="M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z"/>
-  <path fill-rule="evenodd" d="M4.053 4.276a.5.5 0 0 1 .67-.223l2 1a.5.5 0 1 1-.447.894l-2-1a.5.5 0 0 1-.223-.67zm7.894 0a.5.5 0 0 0-.67-.223l-2 1a.5.5 0 1 0 .447.894l2-1a.5.5 0 0 0 .223-.67z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#emoji-angry"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Emoji angry
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="emoticon">
         <a class="d-block text-dark text-decoration-none" href="/icons/emoji-dizzy/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-emoji-dizzy" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M9.146 5.146a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zm-5 0a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 1 1 .708.708l-.647.646.647.646a.5.5 0 1 1-.708.708L5.5 7.207l-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708z"/>
-  <path d="M10 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#emoji-dizzy"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Emoji dizzy
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="emoticon neutral unphased">
+        <a class="d-block text-dark text-decoration-none" href="/icons/emoji-expressionless/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#emoji-expressionless"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Emoji expressionless
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="emoticon sad">
         <a class="d-block text-dark text-decoration-none" href="/icons/emoji-frown/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-emoji-frown" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683z"/>
-  <path d="M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#emoji-frown"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Emoji frown
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="emoticon happy">
         <a class="d-block text-dark text-decoration-none" href="/icons/emoji-laughing/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-emoji-laughing" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M12.331 9.5a1 1 0 0 1 0 1A4.998 4.998 0 0 1 8 13a4.998 4.998 0 0 1-4.33-2.5A1 1 0 0 1 4.535 9h6.93a1 1 0 0 1 .866.5z"/>
-  <path d="M7 6.5c0 .828-.448 0-1 0s-1 .828-1 0S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 0-1 0s-1 .828-1 0S9.448 5 10 5s1 .672 1 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#emoji-laughing"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Emoji laughing
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="emoticon expressionless">
         <a class="d-block text-dark text-decoration-none" href="/icons/emoji-neutral/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-emoji-neutral" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5z"/>
-  <path d="M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#emoji-neutral"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Emoji neutral
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="emoticon sarcasm">
         <a class="d-block text-dark text-decoration-none" href="/icons/emoji-smile-upside-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-emoji-smile-upside-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm0-1a8 8 0 1 1 0 16A8 8 0 0 1 8 0z"/>
-  <path fill-rule="evenodd" d="M4.285 6.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 4.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 3.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683z"/>
-  <path d="M7 9.5C7 8.672 6.552 8 6 8s-1 .672-1 1.5.448 1.5 1 1.5 1-.672 1-1.5zm4 0c0-.828-.448-1.5-1-1.5s-1 .672-1 1.5.448 1.5 1 1.5 1-.672 1-1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#emoji-smile-upside-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Emoji smile upside down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="emoticon happy">
         <a class="d-block text-dark text-decoration-none" href="/icons/emoji-smile/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-emoji-smile" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683z"/>
-  <path d="M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#emoji-smile"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Emoji smile
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="emoticon cool">
         <a class="d-block text-dark text-decoration-none" href="/icons/emoji-sunglasses/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-emoji-sunglasses" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM6.5 6.497V6.5h-1c0-.568.447-.947.862-1.154C6.807 5.123 7.387 5 8 5s1.193.123 1.638.346c.415.207.862.586.862 1.154h-1v-.003l-.003-.01a.213.213 0 0 0-.036-.053.86.86 0 0 0-.27-.194C8.91 6.1 8.49 6 8 6c-.491 0-.912.1-1.19.24a.86.86 0 0 0-.271.194.213.213 0 0 0-.036.054l-.003.01z"/>
-  <path d="M2.31 5.243A1 1 0 0 1 3.28 4H6a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2h-.438a2 2 0 0 1-1.94-1.515L2.31 5.243zM9 5a1 1 0 0 1 1-1h2.72a1 1 0 0 1 .97 1.243l-.311 1.242A2 2 0 0 1 11.439 8H11a2 2 0 0 1-2-2V5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#emoji-sunglasses"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Emoji sunglasses
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="email message mail">
         <a class="d-block text-dark text-decoration-none" href="/icons/envelope-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-envelope-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#envelope-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Envelope fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="email message mail">
         <a class="d-block text-dark text-decoration-none" href="/icons/envelope-open-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-envelope-open-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.941.435a2 2 0 0 0-1.882 0l-6 3.2A2 2 0 0 0 0 5.4v.313l6.709 3.933L8 8.928l1.291.717L16 5.715V5.4a2 2 0 0 0-1.059-1.765l-6-3.2zM16 6.873l-5.693 3.337L16 13.372v-6.5zm-.059 7.611L8 10.072.059 14.484A2 2 0 0 0 2 16h12a2 2 0 0 0 1.941-1.516zM0 13.373l5.693-3.163L0 6.873v6.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#envelope-open-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Envelope open fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="email message mail">
         <a class="d-block text-dark text-decoration-none" href="/icons/envelope-open/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-envelope-open" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 8.917l7.757 4.654-.514.858L8 10.083.757 14.43l-.514-.858L8 8.917z"/>
-  <path fill-rule="evenodd" d="M6.447 10.651L.243 6.93l.514-.858 6.204 3.723-.514.857zm9.31-3.722L9.553 10.65l-.514-.857 6.204-3.723.514.858z"/>
-  <path fill-rule="evenodd" d="M15 14V5.236a1 1 0 0 0-.553-.894l-6-3a1 1 0 0 0-.894 0l-6 3A1 1 0 0 0 1 5.236V14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM1.106 3.447A2 2 0 0 0 0 5.237V14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5.236a2 2 0 0 0-1.106-1.789l-6-3a2 2 0 0 0-1.788 0l-6 3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#envelope-open"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Envelope open
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="email message mail">
         <a class="d-block text-dark text-decoration-none" href="/icons/envelope/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-envelope" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
-  <path d="M.05 3.555C.017 3.698 0 3.847 0 4v.697l5.803 3.546L0 11.801V12c0 .306.069.596.192.856l6.57-4.027L8 9.586l1.239-.757 6.57 4.027c.122-.26.191-.55.191-.856v-.2l-5.803-3.557L16 4.697V4c0-.153-.017-.302-.05-.445L8 8.414.05 3.555z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#envelope"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Envelope
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-diamond-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-diamond-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-diamond-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation diamond fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-diamond/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-diamond" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/>
-  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-diamond"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation diamond
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-octagon-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-octagon-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.46.146A.5.5 0 0 0 11.107 0H4.893a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-octagon-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation octagon fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-octagon/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-octagon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/>
-  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-octagon"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation octagon
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-triangle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-triangle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 5zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-triangle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation triangle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-triangle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation-triangle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.938 2.016a.146.146 0 0 0-.054.057L1.027 13.74a.176.176 0 0 0-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 0 0 .066-.017.163.163 0 0 0 .055-.06.176.176 0 0 0-.003-.183L8.12 2.073a.146.146 0 0 0-.054-.057A.13.13 0 0 0 8.002 2a.13.13 0 0 0-.064.016zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/>
-  <path d="M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation-triangle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation triangle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="alert warning">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclamation/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclamation" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclamation"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclamation
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="graphics vector merge layers">
         <a class="d-block text-dark text-decoration-none" href="/icons/exclude/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-exclude" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 0A1.5 1.5 0 0 0 0 1.5v9A1.5 1.5 0 0 0 1.5 12H4v2.5A1.5 1.5 0 0 0 5.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 4H12V1.5A1.5 1.5 0 0 0 10.5 0h-9zM12 4H5.5A1.5 1.5 0 0 0 4 5.5V12h6.5a1.5 1.5 0 0 0 1.5-1.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#exclude"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Exclude
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="eyeball look see">
         <a class="d-block text-dark text-decoration-none" href="/icons/eye-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-eye-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/>
-  <path fill-rule="evenodd" d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#eye-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Eye fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="eyeball look see">
         <a class="d-block text-dark text-decoration-none" href="/icons/eye-slash-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-eye-slash-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10.79 12.912l-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"/>
-  <path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708l-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829z"/>
-  <path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.708.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#eye-slash-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Eye slash fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="eyeball look see">
         <a class="d-block text-dark text-decoration-none" href="/icons/eye-slash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-eye-slash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>
-  <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
-  <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z"/>
-  <path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.708.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#eye-slash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Eye slash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="eyeball look see">
         <a class="d-block text-dark text-decoration-none" href="/icons/eye/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-eye" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z"/>
-  <path fill-rule="evenodd" d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#eye"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Eye
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="eyeball look see glasses reading">
+        <a class="d-block text-dark text-decoration-none" href="/icons/eyeglasses/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#eyeglasses"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Eyeglasses
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document download">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-arrow-down-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-arrow-down-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File arrow down fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document download">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-arrow-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-arrow-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path fill-rule="evenodd" d="M4.646 8.146a.5.5 0 0 1 .708 0L8 10.793l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M8 4a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0v-6A.5.5 0 0 1 8 4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-arrow-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File arrow down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document upload">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-arrow-up-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-arrow-up-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File arrow up fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document upload">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-arrow-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-arrow-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path fill-rule="evenodd" d="M4.646 7.854a.5.5 0 0 0 .708 0L8 5.207l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708z"/>
-  <path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 0 .5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-arrow-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File arrow up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document binary source">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-binary-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-binary-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File binary fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document binary source">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-binary/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-binary"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File binary
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document page-break">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-break-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-break-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File break fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document page-break">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-break/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-break" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 10.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5z"/>
-  <path d="M12 1H4a2 2 0 0 0-2 2v6h1V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v6h1V3a2 2 0 0 0-2-2zm2 11h-1v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-1H2v1a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-break"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File break
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document check verified">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-check-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-check-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File check fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document check verified">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8h-1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h5V1z"/>
-  <path fill-rule="evenodd" d="M15.854 2.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 4.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document code development">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-code-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-code-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File code fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document code development">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-code/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-code" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path fill-rule="evenodd" d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-code"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File code
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document version development">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-diff-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-diff-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File diff fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document version development">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-diff/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-diff" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path fill-rule="evenodd" d="M5.5 10.5A.5.5 0 0 1 6 10h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5zM8 4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4z"/>
-  <path fill-rule="evenodd" d="M5.5 6.5A.5.5 0 0 1 6 6h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-diff"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File diff
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document download">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-arrow-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-arrow-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/>
-  <path d="M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z"/>
-  <path fill-rule="evenodd" d="M5.646 9.146a.5.5 0 0 1 .708 0L8 10.793l1.646-1.647a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M8 6a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-arrow-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark arrow down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document upload">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-arrow-up-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-arrow-up-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark arrow up fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document upload">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-arrow-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-arrow-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/>
-  <path d="M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z"/>
-  <path fill-rule="evenodd" d="M5.646 8.854a.5.5 0 0 0 .708 0L8 7.207l1.646 1.647a.5.5 0 0 0 .708-.708l-2-2a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708z"/>
-  <path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-1 0v4a.5.5 0 0 0 .5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-arrow-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark arrow up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document binary source">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-binary-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-binary-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark binary fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document binary source">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-binary/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-binary"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark binary
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document page-break">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-break-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-break-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark break fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document page-break">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-break/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-break" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9 1H4a2 2 0 0 0-2 2v6h1V3a1 1 0 0 1 1-1h5v2.5A1.5 1.5 0 0 0 10.5 6H13v3h1V6L9 1zm5 11h-1v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-1H2v1a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-1zM0 10.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-break"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark break
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document check verified">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-check-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-check-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark check fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document check verified">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5v-1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h5v2.5A1.5 1.5 0 0 0 10.5 6H13v2h1V6L9 1z"/>
-  <path fill-rule="evenodd" d="M15.854 10.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708l1.146 1.147 2.646-2.647a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document code development">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-code-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-code-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark code fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document code development">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-code/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-code" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/>
-  <path d="M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z"/>
-  <path fill-rule="evenodd" d="M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-code"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark code
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document version development">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-diff-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-diff-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark diff fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document version development">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-diff/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-diff" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/>
-  <path d="M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z"/>
-  <path fill-rule="evenodd" d="M5.5 11.5A.5.5 0 0 1 6 11h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5zM8 5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 5z"/>
-  <path fill-rule="evenodd" d="M5.5 7.5A.5.5 0 0 1 6 7h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-diff"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark diff
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document medical hospital health">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-medical-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-medical-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark medical fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document medical hospital health">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-medical/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-medical"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark medical
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document delete remove">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-minus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-minus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark minus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document delete remove">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-minus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-minus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5v-1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h5v2.5A1.5 1.5 0 0 0 10.5 6H13v2h1V6L9 1z"/>
-  <path fill-rule="evenodd" d="M11 11.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-minus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark minus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document add new">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-plus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-plus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark plus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document add new">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5v-1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h5v2.5A1.5 1.5 0 0 0 10.5 6H13v2h1V6L9 1z"/>
-  <path fill-rule="evenodd" d="M13.5 10a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H13v-1.5a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M13 12.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0v-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-ruled-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-ruled-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark ruled fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-ruled/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-ruled" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13 9H3V8h10v1zm0 3H3v-1h10v1z"/>
-  <path fill-rule="evenodd" d="M5 14V9h1v5H5z"/>
-  <path d="M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/>
-  <path d="M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-ruled"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark ruled
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document excel table">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-spreadsheet-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-spreadsheet-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark spreadsheet fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document excel table">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-spreadsheet/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-spreadsheet" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13 9H3V8h10v1zm0 3H3v-1h10v1z"/>
-  <path fill-rule="evenodd" d="M5 14V9h1v5H5zm4 0V9h1v5H9z"/>
-  <path d="M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/>
-  <path d="M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-spreadsheet"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark spreadsheet
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-text-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-text-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark text fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-text/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-text" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/>
-  <path d="M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z"/>
-  <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-text"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark text
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document zip archive compress">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-zip-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-zip-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File earmark zip fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document zip archive compress">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-zip/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark-zip" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/>
-  <path d="M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z"/>
-  <path fill-rule="evenodd" d="M5 8.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v.938l.4 1.599a1 1 0 0 1-.416 1.074l-.93.62a1 1 0 0 1-1.11 0l-.929-.62a1 1 0 0 1-.415-1.074L5 9.438V8.5zm2 0H6v.938a1 1 0 0 1-.03.243l-.4 1.598.93.62.929-.62-.4-1.598A1 1 0 0 1 7 9.438V8.5z"/>
-  <path d="M6 2h1.5v1H6zM5 3h1.5v1H5zm1 1h1.5v1H6zM5 5h1.5v1H5zm1 1h1.5v1H6V6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark-zip"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark zip
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-earmark" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/>
-  <path d="M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-earmark"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File earmark
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document medical hospital health">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-medical-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-medical-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File medical fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document medical hospital health">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-medical/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-medical"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File medical
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document delete remove">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-minus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-minus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File minus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document delete remove">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-minus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-minus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8h-1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h5V1z"/>
-  <path fill-rule="evenodd" d="M11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-minus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File minus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document music audio playlist songs">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-music-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-music-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File music fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document music audio playlist songs">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-music/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-music"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File music
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document personal cv resume about">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-person-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-person-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File person fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document personal cv resume about">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-person/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-person"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File person
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document add new">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-plus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-plus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File plus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document add new">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8h-1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h5V1z"/>
-  <path fill-rule="evenodd" d="M13.5 1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H13V1.5a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M13 3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0v-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document post">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-post-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-post-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File post fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document post">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-post/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-post" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path d="M4 5.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-7z"/>
-  <path fill-rule="evenodd" d="M4 3.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-post"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File post
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document richtext">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-richtext-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-richtext-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File richtext fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document richtext">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-richtext/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-richtext" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path fill-rule="evenodd" d="M4.5 11.5A.5.5 0 0 1 5 11h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm0-2A.5.5 0 0 1 5 9h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm1.639-3.708l1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V7.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V7s1.54-1.274 1.639-1.208zM6.25 5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-richtext"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File richtext
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-ruled-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-ruled-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File ruled fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-ruled/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-ruled" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path fill-rule="evenodd" d="M13 6H3V5h10v1zm0 3H3V8h10v1zm0 3H3v-1h10v1z"/>
-  <path fill-rule="evenodd" d="M5 14V6h1v8H5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-ruled"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File ruled
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document excel table">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-spreadsheet-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-spreadsheet-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File spreadsheet fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document excel table">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-spreadsheet/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-spreadsheet" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path fill-rule="evenodd" d="M13 6H3V5h10v1zm0 3H3V8h10v1zm0 3H3v-1h10v1z"/>
-  <path fill-rule="evenodd" d="M5 14V6h1v8H5zm4 0V6h1v8H9z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-spreadsheet"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File spreadsheet
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-text-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-text-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File text fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-text/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-text" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path fill-rule="evenodd" d="M4.5 10.5A.5.5 0 0 1 5 10h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm0-2A.5.5 0 0 1 5 8h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm0-2A.5.5 0 0 1 5 6h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm0-2A.5.5 0 0 1 5 4h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-text"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File text
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document zip archive compress">
+        <a class="d-block text-dark text-decoration-none" href="/icons/file-zip-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-zip-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            File zip fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="doc document zip archive compress">
         <a class="d-block text-dark text-decoration-none" href="/icons/file-zip/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file-zip" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-  <path fill-rule="evenodd" d="M6.5 8.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v.938l.4 1.599a1 1 0 0 1-.416 1.074l-.93.62a1 1 0 0 1-1.109 0l-.93-.62a1 1 0 0 1-.415-1.074l.4-1.599V8.5zm2 0h-1v.938a1 1 0 0 1-.03.243l-.4 1.598.93.62.93-.62-.4-1.598a1 1 0 0 1-.03-.243V8.5z"/>
-  <path d="M7.5 2H9v1H7.5zm-1 1H8v1H6.5zm1 1H9v1H7.5zm-1 1H8v1H6.5zm1 1H9v1H7.5V6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file-zip"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File zip
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
         <a class="d-block text-dark text-decoration-none" href="/icons/file/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-file" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#file"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             File
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
         <a class="d-block text-dark text-decoration-none" href="/icons/files-alt/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-files-alt" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z"/>
-  <path d="M13 4V3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#files-alt"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Files alt
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="doc document">
         <a class="d-block text-dark text-decoration-none" href="/icons/files/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-files" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H3z"/>
-  <path d="M5 0h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1H3a2 2 0 0 1 2-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#files"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Files
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="video movie">
         <a class="d-block text-dark text-decoration-none" href="/icons/film/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-film" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0h8v6H4V1zm8 8H4v6h8V9zM1 1h2v2H1V1zm2 3H1v2h2V4zM1 7h2v2H1V7zm2 3H1v2h2v-2zm-2 3h2v2H1v-2zM15 1h-2v2h2V1zm-2 3h2v2h-2V4zm2 3h-2v2h2V7zm-2 3h2v2h-2v-2zm2 3h-2v2h2v-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#film"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Film
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/filter-circle-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#filter-circle-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Filter circle fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/filter-circle/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#filter-circle"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Filter circle
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
         <a class="d-block text-dark text-decoration-none" href="/icons/filter-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-filter-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#filter-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Filter left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="sort filter organize">
         <a class="d-block text-dark text-decoration-none" href="/icons/filter-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-filter-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 10.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 .5-.5zm0-3a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0 0 1h7a.5.5 0 0 0 .5-.5zm0-3a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0 0 1h11a.5.5 0 0 0 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#filter-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Filter right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/filter-square-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#filter-square-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Filter square fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/filter-square/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#filter-square"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Filter square
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort">
         <a class="d-block text-dark text-decoration-none" href="/icons/filter/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-filter" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#filter"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Filter
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="report">
         <a class="d-block text-dark text-decoration-none" href="/icons/flag-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-flag-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M3.762 2.558C4.735 1.909 5.348 1.5 6.5 1.5c.653 0 1.139.325 1.495.562l.032.022c.391.26.646.416.973.416.168 0 .356-.042.587-.126a8.89 8.89 0 0 0 .593-.25c.058-.027.117-.053.18-.08.57-.255 1.278-.544 2.14-.544a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5c-.638 0-1.18.21-1.734.457l-.159.07c-.22.1-.453.205-.678.287A2.719 2.719 0 0 1 9 9.5c-.653 0-1.139-.325-1.495-.562l-.032-.022c-.391-.26-.646-.416-.973-.416-.833 0-1.218.246-2.223.916A.5.5 0 0 1 3.5 9V3a.5.5 0 0 1 .223-.416l.04-.026z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#flag-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Flag fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="report">
         <a class="d-block text-dark text-decoration-none" href="/icons/flag/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-flag" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M3.762 2.558C4.735 1.909 5.348 1.5 6.5 1.5c.653 0 1.139.325 1.495.562l.032.022c.391.26.646.416.973.416.168 0 .356-.042.587-.126a8.89 8.89 0 0 0 .593-.25c.058-.027.117-.053.18-.08.57-.255 1.278-.544 2.14-.544a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5c-.638 0-1.18.21-1.734.457l-.159.07c-.22.1-.453.205-.678.287A2.719 2.719 0 0 1 9 9.5c-.653 0-1.139-.325-1.495-.562l-.032-.022c-.391-.26-.646-.416-.973-.416-.833 0-1.218.246-2.223.916a.5.5 0 1 1-.515-.858C4.735 7.909 5.348 7.5 6.5 7.5c.653 0 1.139.325 1.495.562l.032.022c.391.26.646.416.973.416.168 0 .356-.042.587-.126.187-.068.376-.153.593-.25.058-.027.117-.053.18-.08.456-.204 1-.43 1.64-.512V2.543c-.433.074-.83.234-1.234.414l-.159.07c-.22.1-.453.205-.678.287A2.719 2.719 0 0 1 9 3.5c-.653 0-1.139-.325-1.495-.562l-.032-.022c-.391-.26-.646-.416-.973-.416-.833 0-1.218.246-2.223.916a.5.5 0 0 1-.554-.832l.04-.026z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#flag"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Flag
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="plant bloom flower">
+        <a class="d-block text-dark text-decoration-none" href="/icons/flower1/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#flower1"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Flower1
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="plant bloom flower">
+        <a class="d-block text-dark text-decoration-none" href="/icons/flower2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#flower2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Flower2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="plant bloom flower">
+        <a class="d-block text-dark text-decoration-none" href="/icons/flower3/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#flower3"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Flower3
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="directory check verified">
         <a class="d-block text-dark text-decoration-none" href="/icons/folder-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-folder-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.828 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91H9v1H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181L15.546 8H14.54l.265-2.91A1 1 0 0 0 13.81 4H9.828zm-2.95-1.707L7.587 3H2.19c-.24 0-.47.042-.684.12L1.5 2.98a1 1 0 0 1 1-.98h3.672a1 1 0 0 1 .707.293z"/>
-  <path fill-rule="evenodd" d="M15.854 10.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708l1.146 1.147 2.646-2.647a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#folder-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Folder check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="directory">
         <a class="d-block text-dark text-decoration-none" href="/icons/folder-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-folder-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3zm-8.322.12C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#folder-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Folder fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="directory delete remove">
         <a class="d-block text-dark text-decoration-none" href="/icons/folder-minus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-folder-minus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.828 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91H9v1H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181L15.546 8H14.54l.265-2.91A1 1 0 0 0 13.81 4H9.828zm-2.95-1.707L7.587 3H2.19c-.24 0-.47.042-.684.12L1.5 2.98a1 1 0 0 1 1-.98h3.672a1 1 0 0 1 .707.293z"/>
-  <path fill-rule="evenodd" d="M11 11.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#folder-minus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Folder minus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="directory delete add new">
         <a class="d-block text-dark text-decoration-none" href="/icons/folder-plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-folder-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.828 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91H9v1H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181L15.546 8H14.54l.265-2.91A1 1 0 0 0 13.81 4H9.828zm-2.95-1.707L7.587 3H2.19c-.24 0-.47.042-.684.12L1.5 2.98a1 1 0 0 1 1-.98h3.672a1 1 0 0 1 .707.293z"/>
-  <path fill-rule="evenodd" d="M13.5 10a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H13v-1.5a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M13 12.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0v-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#folder-plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Folder plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="directory symbolic-link">
         <a class="d-block text-dark text-decoration-none" href="/icons/folder-symlink-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-folder-symlink-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2l.04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14h10.348a2 2 0 0 0 1.991-1.819l.637-7A2 2 0 0 0 13.81 3zM2.19 3c-.24 0-.47.042-.684.12L1.5 2.98a1 1 0 0 1 1-.98h3.672a1 1 0 0 1 .707.293L7.586 3H2.19zm9.608 5.271l-3.182 1.97c-.27.166-.616-.036-.616-.372V9.1s-2.571-.3-4 2.4c.571-4.8 3.143-4.8 4-4.8v-.769c0-.336.346-.538.616-.371l3.182 1.969c.27.166.27.576 0 .742z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#folder-symlink-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Folder symlink fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="directory symbolic-link">
         <a class="d-block text-dark text-decoration-none" href="/icons/folder-symlink/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-folder-symlink" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.828 4a3 3 0 0 1-2.12-.879l-.83-.828A1 1 0 0 0 6.173 2H2.5a1 1 0 0 0-1 .981L1.546 4h-1L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3v1z"/>
-  <path fill-rule="evenodd" d="M13.81 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4zM2.19 3A2 2 0 0 0 .198 5.181l.637 7A2 2 0 0 0 2.826 14h10.348a2 2 0 0 0 1.991-1.819l.637-7A2 2 0 0 0 13.81 3H2.19z"/>
-  <path d="M8.616 10.24l3.182-1.969a.443.443 0 0 0 0-.742l-3.182-1.97c-.27-.166-.616.036-.616.372V6.7c-.857 0-3.429 0-4 4.8 1.429-2.7 4-2.4 4-2.4v.769c0 .336.346.538.616.371z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#folder-symlink"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Folder symlink
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="directory">
         <a class="d-block text-dark text-decoration-none" href="/icons/folder/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-folder" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.828 4a3 3 0 0 1-2.12-.879l-.83-.828A1 1 0 0 0 6.173 2H2.5a1 1 0 0 0-1 .981L1.546 4h-1L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3v1z"/>
-  <path fill-rule="evenodd" d="M13.81 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4zM2.19 3A2 2 0 0 0 .198 5.181l.637 7A2 2 0 0 0 2.826 14h10.348a2 2 0 0 0 1.991-1.819l.637-7A2 2 0 0 0 13.81 3H2.19z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#folder"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Folder
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="directory">
+        <a class="d-block text-dark text-decoration-none" href="/icons/folder2-open/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#folder2-open"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Folder2 open
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="directory">
+        <a class="d-block text-dark text-decoration-none" href="/icons/folder2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#folder2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Folder2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/fonts/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-fonts" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M12.258 3H3.747l-.082 2.46h.479c.26-1.544.758-1.783 2.693-1.845l.424-.013v7.827c0 .663-.144.82-1.3.923v.52h4.082v-.52c-1.162-.103-1.306-.26-1.306-.923V3.602l.43.013c1.935.062 2.434.301 2.694 1.846h.479L12.258 3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#fonts"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Fonts
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/forward-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-forward-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.77 12.11l4.012-2.953a.647.647 0 0 0 0-1.114L9.771 5.09a.644.644 0 0 0-.971.557V6.65H2v3.9h6.8v1.003c0 .505.545.808.97.557z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#forward-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Forward fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/forward/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-forward" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.502 5.513a.144.144 0 0 0-.202.134V6.65a.5.5 0 0 1-.5.5H2.5v2.9h6.3a.5.5 0 0 1 .5.5v1.003c0 .108.11.176.202.134l3.984-2.933a.51.51 0 0 1 .042-.028.147.147 0 0 0 0-.252.51.51 0 0 1-.042-.028L9.502 5.513zM8.3 5.647a1.144 1.144 0 0 1 1.767-.96l3.994 2.94a1.147 1.147 0 0 1 0 1.946l-3.994 2.94a1.144 1.144 0 0 1-1.767-.96v-.503H2a.5.5 0 0 1-.5-.5v-3.9a.5.5 0 0 1 .5-.5h6.3v-.503z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#forward"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Forward
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="forward layer">
+        <a class="d-block text-dark text-decoration-none" href="/icons/front/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#front"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Front
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="window minimize">
         <a class="d-block text-dark text-decoration-none" href="/icons/fullscreen-exit/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-fullscreen-exit" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.5 0a.5.5 0 0 1 .5.5v4A1.5 1.5 0 0 1 4.5 6h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5zm5 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 10 4.5v-4a.5.5 0 0 1 .5-.5zM0 10.5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 6 11.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zm10 1a1.5 1.5 0 0 1 1.5-1.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#fullscreen-exit"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Fullscreen exit
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="window maximize">
         <a class="d-block text-dark text-decoration-none" href="/icons/fullscreen/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-fullscreen" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#fullscreen"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Fullscreen
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="sort filter">
         <a class="d-block text-dark text-decoration-none" href="/icons/funnel-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-funnel-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2 3.5v-2h12v2l-4.5 5v5l-3 1v-6L2 3.5z"/>
-  <path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#funnel-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Funnel fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="sort filter">
         <a class="d-block text-dark text-decoration-none" href="/icons/funnel/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-funnel" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#funnel"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Funnel
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="tool">
         <a class="d-block text-dark text-decoration-none" href="/icons/gear-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-gear-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 0 0-5.86 2.929 2.929 0 0 0 0 5.858z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#gear-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Gear fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="tool">
         <a class="d-block text-dark text-decoration-none" href="/icons/gear-wide-connected/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-gear-wide-connected" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.932.727c-.243-.97-1.62-.97-1.864 0l-.071.286a.96.96 0 0 1-1.622.434l-.205-.211c-.695-.719-1.888-.03-1.613.931l.08.284a.96.96 0 0 1-1.186 1.187l-.284-.081c-.96-.275-1.65.918-.931 1.613l.211.205a.96.96 0 0 1-.434 1.622l-.286.071c-.97.243-.97 1.62 0 1.864l.286.071a.96.96 0 0 1 .434 1.622l-.211.205c-.719.695-.03 1.888.931 1.613l.284-.08a.96.96 0 0 1 1.187 1.187l-.081.283c-.275.96.918 1.65 1.613.931l.205-.211a.96.96 0 0 1 1.622.434l.071.286c.243.97 1.62.97 1.864 0l.071-.286a.96.96 0 0 1 1.622-.434l.205.211c.695.719 1.888.03 1.613-.931l-.08-.284a.96.96 0 0 1 1.187-1.187l.283.081c.96.275 1.65-.918.931-1.613l-.211-.205a.96.96 0 0 1 .434-1.622l.286-.071c.97-.243.97-1.62 0-1.864l-.286-.071a.96.96 0 0 1-.434-1.622l.211-.205c.719-.695.03-1.888-.931-1.613l-.284.08a.96.96 0 0 1-1.187-1.186l.081-.284c.275-.96-.918-1.65-1.613-.931l-.205.211a.96.96 0 0 1-1.622-.434L8.932.727zM8 12.997a4.998 4.998 0 1 0 0-9.995 4.998 4.998 0 0 0 0 9.996z"/>
-  <path fill-rule="evenodd" d="M7.375 8L4.602 4.302l.8-.6L8.25 7.5h4.748v1H8.25L5.4 12.298l-.8-.6L7.376 8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#gear-wide-connected"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Gear wide connected
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="tool">
         <a class="d-block text-dark text-decoration-none" href="/icons/gear-wide/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-gear-wide" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.932.727c-.243-.97-1.62-.97-1.864 0l-.071.286a.96.96 0 0 1-1.622.434l-.205-.211c-.695-.719-1.888-.03-1.613.931l.08.284a.96.96 0 0 1-1.186 1.187l-.284-.081c-.96-.275-1.65.918-.931 1.613l.211.205a.96.96 0 0 1-.434 1.622l-.286.071c-.97.243-.97 1.62 0 1.864l.286.071a.96.96 0 0 1 .434 1.622l-.211.205c-.719.695-.03 1.888.931 1.613l.284-.08a.96.96 0 0 1 1.187 1.187l-.081.283c-.275.96.918 1.65 1.613.931l.205-.211a.96.96 0 0 1 1.622.434l.071.286c.243.97 1.62.97 1.864 0l.071-.286a.96.96 0 0 1 1.622-.434l.205.211c.695.719 1.888.03 1.613-.931l-.08-.284a.96.96 0 0 1 1.187-1.187l.283.081c.96.275 1.65-.918.931-1.613l-.211-.205a.96.96 0 0 1 .434-1.622l.286-.071c.97-.243.97-1.62 0-1.864l-.286-.071a.96.96 0 0 1-.434-1.622l.211-.205c.719-.695.03-1.888-.931-1.613l-.284.08a.96.96 0 0 1-1.187-1.186l.081-.284c.275-.96-.918-1.65-1.613-.931l-.205.211a.96.96 0 0 1-1.622-.434L8.932.727zM8 12.997a4.998 4.998 0 1 0 0-9.995 4.998 4.998 0 0 0 0 9.996z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#gear-wide"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Gear wide
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="tool">
         <a class="d-block text-dark text-decoration-none" href="/icons/gear/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-gear" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.837 1.626c-.246-.835-1.428-.835-1.674 0l-.094.319A1.873 1.873 0 0 1 4.377 3.06l-.292-.16c-.764-.415-1.6.42-1.184 1.185l.159.292a1.873 1.873 0 0 1-1.115 2.692l-.319.094c-.835.246-.835 1.428 0 1.674l.319.094a1.873 1.873 0 0 1 1.115 2.693l-.16.291c-.415.764.42 1.6 1.185 1.184l.292-.159a1.873 1.873 0 0 1 2.692 1.116l.094.318c.246.835 1.428.835 1.674 0l.094-.319a1.873 1.873 0 0 1 2.693-1.115l.291.16c.764.415 1.6-.42 1.184-1.185l-.159-.291a1.873 1.873 0 0 1 1.116-2.693l.318-.094c.835-.246.835-1.428 0-1.674l-.319-.094a1.873 1.873 0 0 1-1.115-2.692l.16-.292c.415-.764-.42-1.6-1.185-1.184l-.291.159A1.873 1.873 0 0 1 8.93 1.945l-.094-.319zm-2.633-.283c.527-1.79 3.065-1.79 3.592 0l.094.319a.873.873 0 0 0 1.255.52l.292-.16c1.64-.892 3.434.901 2.54 2.541l-.159.292a.873.873 0 0 0 .52 1.255l.319.094c1.79.527 1.79 3.065 0 3.592l-.319.094a.873.873 0 0 0-.52 1.255l.16.292c.893 1.64-.902 3.434-2.541 2.54l-.292-.159a.873.873 0 0 0-1.255.52l-.094.319c-.527 1.79-3.065 1.79-3.592 0l-.094-.319a.873.873 0 0 0-1.255-.52l-.292.16c-1.64.893-3.433-.902-2.54-2.541l.159-.292a.873.873 0 0 0-.52-1.255l-.319-.094c-1.79-.527-1.79-3.065 0-3.592l.319-.094a.873.873 0 0 0 .52-1.255l-.16-.292c-.892-1.64.902-3.433 2.541-2.54l.292.159a.873.873 0 0 0 1.255-.52l.094-.319z"/>
-  <path fill-rule="evenodd" d="M8 5.754a2.246 2.246 0 1 0 0 4.492 2.246 2.246 0 0 0 0-4.492zM4.754 8a3.246 3.246 0 1 1 6.492 0 3.246 3.246 0 0 1-6.492 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#gear"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Gear
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape diamond">
         <a class="d-block text-dark text-decoration-none" href="/icons/gem/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-gem" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.1.7a.5.5 0 0 1 .4-.2h9a.5.5 0 0 1 .4.2l2.976 3.974c.149.185.156.45.01.644L8.4 15.3a.5.5 0 0 1-.8 0L.1 5.3a.5.5 0 0 1 0-.6l3-4zm11.386 3.785l-1.806-2.41-.776 2.413 2.582-.003zm-3.633.004l.961-2.989H4.186l.963 2.995 5.704-.006zM5.47 5.495l5.062-.005L8 13.366 5.47 5.495zm-1.371-.999l-.78-2.422-1.818 2.425 2.598-.003zM1.499 5.5l2.92-.003 2.193 6.82L1.5 5.5zm7.889 6.817l2.194-6.828 2.929-.003-5.123 6.831z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#gem"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Gem
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="geography map pin">
         <a class="d-block text-dark text-decoration-none" href="/icons/geo-alt/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-geo-alt" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#geo-alt"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Geo alt
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="geography map pin">
         <a class="d-block text-dark text-decoration-none" href="/icons/geo/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-geo" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
-  <path d="M7.5 4h1v9a.5.5 0 0 1-1 0V4z"/>
-  <path fill-rule="evenodd" d="M6.489 12.095a.5.5 0 0 1-.383.594c-.565.123-1.003.292-1.286.472-.302.192-.32.321-.32.339 0 .013.005.085.146.21.14.124.372.26.701.382.655.246 1.593.408 2.653.408s1.998-.162 2.653-.408c.329-.123.56-.258.701-.382.14-.125.146-.197.146-.21 0-.018-.018-.147-.32-.339-.283-.18-.721-.35-1.286-.472a.5.5 0 1 1 .212-.977c.63.137 1.193.34 1.61.606.4.253.784.645.784 1.182 0 .402-.219.724-.483.958-.264.235-.618.423-1.013.57-.793.298-1.855.472-3.004.472s-2.21-.174-3.004-.471c-.395-.148-.749-.336-1.013-.571-.264-.234-.483-.556-.483-.958 0-.537.384-.929.783-1.182.418-.266.98-.47 1.611-.606a.5.5 0 0 1 .595.383z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#geo"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Geo
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="present gift">
         <a class="d-block text-dark text-decoration-none" href="/icons/gift-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-gift-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10 1a1.5 1.5 0 0 0-1.5 1.5c0 .098.033.16.12.227.103.081.272.15.49.2A3.44 3.44 0 0 0 9.96 3h.015L10 2.999l.025.002h.014A2.569 2.569 0 0 0 10.293 3c.17-.006.387-.026.598-.073.217-.048.386-.118.49-.199.086-.066.119-.13.119-.227A1.5 1.5 0 0 0 10 1zm0 3h-.006a3.535 3.535 0 0 1-.326 0 4.435 4.435 0 0 1-.777-.097c-.283-.063-.614-.175-.885-.385A1.255 1.255 0 0 1 7.5 2.5a2.5 2.5 0 0 1 5 0c0 .454-.217.793-.506 1.017-.27.21-.602.322-.885.385a4.434 4.434 0 0 1-1.104.099H10z"/>
-  <path fill-rule="evenodd" d="M6 1a1.5 1.5 0 0 0-1.5 1.5c0 .098.033.16.12.227.103.081.272.15.49.2A3.44 3.44 0 0 0 5.96 3h.015L6 2.999l.025.002h.014l.053.001a3.869 3.869 0 0 0 .799-.076c.217-.048.386-.118.49-.199.086-.066.119-.13.119-.227A1.5 1.5 0 0 0 6 1zm0 3h-.006a3.535 3.535 0 0 1-.326 0 4.435 4.435 0 0 1-.777-.097c-.283-.063-.614-.175-.885-.385A1.255 1.255 0 0 1 3.5 2.5a2.5 2.5 0 0 1 5 0c0 .454-.217.793-.506 1.017-.27.21-.602.322-.885.385a4.435 4.435 0 0 1-1.103.099H6zm9 10.5V7H8.5v9h5a1.5 1.5 0 0 0 1.5-1.5zM7.5 16h-5A1.5 1.5 0 0 1 1 14.5V7h6.5v9z"/>
-  <path d="M0 4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#gift-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Gift fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="present gift">
         <a class="d-block text-dark text-decoration-none" href="/icons/gift/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-gift" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 6v8.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V6h1v8.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V6h1zm8-5a1.5 1.5 0 0 0-1.5 1.5c0 .098.033.16.12.227.103.081.272.15.49.2A3.44 3.44 0 0 0 9.96 3h.015L10 2.999l.025.002h.014A2.569 2.569 0 0 0 10.293 3c.17-.006.387-.026.598-.073.217-.048.386-.118.49-.199.086-.066.119-.13.119-.227A1.5 1.5 0 0 0 10 1zm0 3h-.006a3.535 3.535 0 0 1-.326 0 4.435 4.435 0 0 1-.777-.097c-.283-.063-.614-.175-.885-.385A1.255 1.255 0 0 1 7.5 2.5a2.5 2.5 0 0 1 5 0c0 .454-.217.793-.506 1.017-.27.21-.602.322-.885.385a4.434 4.434 0 0 1-1.104.099H10z"/>
-  <path fill-rule="evenodd" d="M6 1a1.5 1.5 0 0 0-1.5 1.5c0 .098.033.16.12.227.103.081.272.15.49.2A3.44 3.44 0 0 0 5.96 3h.015L6 2.999l.025.002h.014l.053.001a3.869 3.869 0 0 0 .799-.076c.217-.048.386-.118.49-.199.086-.066.119-.13.119-.227A1.5 1.5 0 0 0 6 1zm0 3h-.006a3.535 3.535 0 0 1-.326 0 4.435 4.435 0 0 1-.777-.097c-.283-.063-.614-.175-.885-.385A1.255 1.255 0 0 1 3.5 2.5a2.5 2.5 0 0 1 5 0c0 .454-.217.793-.506 1.017-.27.21-.602.322-.885.385a4.435 4.435 0 0 1-1.103.099H6zm1.5 12V6h1v10h-1z"/>
-  <path fill-rule="evenodd" d="M15 4H1v1h14V4zM1 3a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#gift"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Gift
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="world translate global international">
+        <a class="d-block text-dark text-decoration-none" href="/icons/globe/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#globe"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Globe
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="world translate global international">
+        <a class="d-block text-dark text-decoration-none" href="/icons/globe2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#globe2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Globe2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="chart graph analytics">
         <a class="d-block text-dark text-decoration-none" href="/icons/graph-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-graph-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M0 0h1v16H0V0zm1 15h15v1H1v-1z"/>
-  <path fill-rule="evenodd" d="M14.39 9.041l-4.349-5.436L7 6.646 3.354 3l-.708.707L7 8.061l2.959-2.959 3.65 4.564.781-.625z"/>
-  <path fill-rule="evenodd" d="M10 9.854a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-1 0v3.5h-3.5a.5.5 0 0 0-.5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#graph-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Graph down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chart graph analytics">
         <a class="d-block text-dark text-decoration-none" href="/icons/graph-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-graph-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M0 0h1v16H0V0zm1 15h15v1H1v-1z"/>
-  <path fill-rule="evenodd" d="M14.39 4.312L10.041 9.75 7 6.707l-3.646 3.647-.708-.708L7 5.293 9.959 8.25l3.65-4.563.781.624z"/>
-  <path fill-rule="evenodd" d="M10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4h-3.5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#graph-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Graph up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid-1x2-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid-1x2-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M0 1a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm9 0a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V1zm0 9a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid-1x2-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid 1x2 fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid-1x2/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid-1x2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6 1H1v14h5V1zm9 0h-5v5h5V1zm0 9h-5v5h5v-5zM0 1a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm9 0a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V1zm1 8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid-1x2"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid 1x2
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid-3x2-gap-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid-3x2-gap-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4zM1 9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V9zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V9zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V9z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid-3x2-gap-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid 3x2 gap fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid-3x2-gap/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid-3x2-gap" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 4H2v2h2V4zm1 7V9a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm5 5V9a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zM9 4H7v2h2V4zm5 0h-2v2h2V4zM4 9H2v2h2V9zm5 0H7v2h2V9zm5 0h-2v2h2V9zm-3-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4zm1 4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid-3x2-gap"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid 3x2 gap
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid-3x2/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid-3x2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v8a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5v-8zM1.5 3a.5.5 0 0 0-.5.5V7h4V3H1.5zM5 8H1v3.5a.5.5 0 0 0 .5.5H5V8zm1 0h4v4H6V8zm4-1H6V3h4v4zm1 1v4h3.5a.5.5 0 0 0 .5-.5V8h-4zm0-1V3h3.5a.5.5 0 0 1 .5.5V7h-4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid-3x2"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid 3x2
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid-3x3-gap-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid-3x3-gap-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid-3x3-gap-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid 3x3 gap fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid-3x3-gap/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid-3x3-gap" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 2H2v2h2V2zm1 12v-2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm5 10v-2a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V7a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V2a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zM9 2H7v2h2V2zm5 0h-2v2h2V2zM4 7H2v2h2V7zm5 0H7v2h2V7zm5 0h-2v2h2V7zM4 12H2v2h2v-2zm5 0H7v2h2v-2zm5 0h-2v2h2v-2zM12 1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2zm-1 6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zm1 4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid-3x3-gap"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid 3x3 gap
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid-3x3/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid-3x3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13zM1.5 1a.5.5 0 0 0-.5.5V5h4V1H1.5zM5 6H1v4h4V6zm1 4V6h4v4H6zm-1 1H1v3.5a.5.5 0 0 0 .5.5H5v-4zm1 0h4v4H6v-4zm5 0v4h3.5a.5.5 0 0 0 .5-.5V11h-4zm0-1h4V6h-4v4zm0-5h4V1.5a.5.5 0 0 0-.5-.5H11v4zm-1 0H6V1h4v4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid-3x3"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid 3x3
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm8 0A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout">
         <a class="d-block text-dark text-decoration-none" href="/icons/grid/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grid" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grid"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grid
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="drag grab">
         <a class="d-block text-dark text-decoration-none" href="/icons/grip-horizontal/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grip-horizontal" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grip-horizontal"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grip horizontal
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="drag grab">
         <a class="d-block text-dark text-decoration-none" href="/icons/grip-vertical/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-grip-vertical" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#grip-vertical"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Grip vertical
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="tool">
         <a class="d-block text-dark text-decoration-none" href="/icons/hammer/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hammer" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.812 1.952a.5.5 0 0 1-.312.89c-1.671 0-2.852.596-3.616 1.185L4.857 5.073V6.21a.5.5 0 0 1-.146.354L3.425 7.853a.5.5 0 0 1-.708 0L.146 5.274a.5.5 0 0 1 0-.706l1.286-1.29a.5.5 0 0 1 .354-.146H2.84C4.505 1.228 6.216.862 7.557 1.04a5.009 5.009 0 0 1 2.077.782l.178.129z"/>
-  <path fill-rule="evenodd" d="M6.012 3.5a.5.5 0 0 1 .359.165l9.146 8.646A.5.5 0 0 1 15.5 13L14 14.5a.5.5 0 0 1-.756-.056L4.598 5.297a.5.5 0 0 1 .048-.65l1-1a.5.5 0 0 1 .366-.147z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hammer"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hammer
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="hand pointer cursor">
         <a class="d-block text-dark text-decoration-none" href="/icons/hand-index-thumb/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hand-index-thumb" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.75 1a.75.75 0 0 0-.75.75V9.5a.5.5 0 0 1-.854.354l-2.41-2.411a.517.517 0 0 0-.809.631l2.512 4.185 1.232 2.465a.5.5 0 0 0 .447.276h6.302a.5.5 0 0 0 .434-.252l1.395-2.442a2.5 2.5 0 0 0 .317-.991l.272-2.715a1 1 0 0 0-.995-1.1H13.5v1a.5.5 0 1 1-1 0V7.154a4.208 4.208 0 0 0-.2-.26c-.187-.222-.368-.383-.486-.43-.124-.05-.392-.063-.708-.039a4.844 4.844 0 0 0-.106.01V8a.5.5 0 1 1-1 0V5.986c0-.167-.073-.272-.15-.314a1.657 1.657 0 0 0-.448-.182c-.179-.035-.5-.04-.816-.027l-.086.004V8a.5.5 0 1 1-1 0V1.75A.75.75 0 0 0 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v6.543L3.443 6.736A1.517 1.517 0 0 0 1.07 8.588l2.491 4.153 1.215 2.43A1.5 1.5 0 0 0 6.118 16h6.302a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.272-2.715a2 2 0 0 0-1.99-2.199h-.582a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.634 2.634 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hand-index-thumb"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hand index thumb
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="hand pointer cursor">
         <a class="d-block text-dark text-decoration-none" href="/icons/hand-index/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hand-index" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.75 1a.75.75 0 0 0-.75.75V9a.5.5 0 0 1-1 0v-.89l-1.003.2a.5.5 0 0 0-.399.546l.345 3.105a1.5 1.5 0 0 0 .243.666l1.433 2.15a.5.5 0 0 0 .416.223h6.385a.5.5 0 0 0 .434-.252l1.395-2.442a2.5 2.5 0 0 0 .317-.991l.272-2.715a1 1 0 0 0-.995-1.1H13.5v1a.5.5 0 0 1-1 0V7.154a4.208 4.208 0 0 0-.2-.26c-.187-.222-.368-.383-.486-.43-.124-.05-.392-.063-.708-.039a4.844 4.844 0 0 0-.106.01V8a.5.5 0 0 1-1 0V5.986c0-.167-.073-.272-.15-.314a1.657 1.657 0 0 0-.448-.182c-.179-.035-.5-.04-.816-.027l-.086.004V8a.5.5 0 0 1-1 0V1.75A.75.75 0 0 0 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 0 0-3.5 0v5.34l-1.199.24a1.5 1.5 0 0 0-1.197 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.272-2.715a2 2 0 0 0-1.99-2.199h-.582a5.184 5.184 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.634 2.634 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hand-index"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hand index
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="hand pointer thumbs-down -1">
         <a class="d-block text-dark text-decoration-none" href="/icons/hand-thumbs-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hand-thumbs-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.956 14.534c.065.936.952 1.659 1.908 1.42l.261-.065a1.378 1.378 0 0 0 1.012-.965c.22-.816.533-2.512.062-4.51.136.02.285.037.443.051.713.065 1.669.071 2.516-.211.518-.173.994-.68 1.2-1.272a1.896 1.896 0 0 0-.234-1.734c.058-.118.103-.242.138-.362.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.094 2.094 0 0 0-.16-.403c.169-.387.107-.82-.003-1.149a3.162 3.162 0 0 0-.488-.9c.054-.153.076-.313.076-.465a1.86 1.86 0 0 0-.253-.912C13.1.757 12.437.28 11.5.28v1c.563 0 .901.272 1.066.56.086.15.121.3.121.416 0 .12-.035.165-.04.17l-.354.353.353.354c.202.202.407.512.505.805.104.312.043.44-.005.488l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.415-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.353.352.373.714.267 1.021-.122.35-.396.593-.571.651-.653.218-1.447.224-2.11.164a8.907 8.907 0 0 1-1.094-.17l-.014-.004H9.62a.5.5 0 0 0-.595.643 8.34 8.34 0 0 1 .145 4.725c-.03.112-.128.215-.288.255l-.262.066c-.306.076-.642-.156-.667-.519-.075-1.081-.239-2.15-.482-2.85-.174-.502-.603-1.267-1.238-1.977C5.597 8.926 4.715 8.23 3.62 7.93 3.226 7.823 3 7.534 3 7.28V3.279c0-.26.22-.515.553-.55 1.293-.138 1.936-.53 2.491-.869l.04-.024c.27-.165.495-.296.776-.393.277-.096.63-.163 1.14-.163h3.5v-1H8c-.605 0-1.07.08-1.466.217a4.823 4.823 0 0 0-.97.485l-.048.029c-.504.308-.999.61-2.068.723C2.682 1.815 2 2.434 2 3.279v4c0 .851.685 1.433 1.357 1.616.849.232 1.574.787 2.132 1.41.56.626.914 1.28 1.039 1.638.199.575.356 1.54.428 2.591z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hand-thumbs-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hand thumbs down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="hand pointer thumbs-up &#43;1">
         <a class="d-block text-dark text-decoration-none" href="/icons/hand-thumbs-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hand-thumbs-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965.22.816.533 2.511.062 4.51a9.84 9.84 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21.518.173.994.681 1.2 1.273.184.532.16 1.162-.234 1.733.058.119.103.242.138.363.077.27.113.567.113.856 0 .289-.036.586-.113.856-.039.135-.09.273-.16.404.169.387.107.819-.003 1.148a3.163 3.163 0 0 1-.488.901c.054.152.076.312.076.465 0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16v-1c.563 0 .901-.272 1.066-.56a.865.865 0 0 0 .121-.416c0-.12-.035-.165-.04-.17l-.354-.354.353-.354c.202-.201.407-.511.505-.804.104-.312.043-.441-.005-.488l-.353-.354.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581 0-.211-.027-.414-.075-.581-.05-.174-.111-.273-.154-.315L12.793 9l.353-.354c.353-.352.373-.713.267-1.02-.122-.35-.396-.593-.571-.652-.653-.217-1.447-.224-2.11-.164a8.907 8.907 0 0 0-1.094.171l-.014.003-.003.001a.5.5 0 0 1-.595-.643 8.34 8.34 0 0 0 .145-4.726c-.03-.111-.128-.215-.288-.255l-.262-.065c-.306-.077-.642.156-.667.518-.075 1.082-.239 2.15-.482 2.85-.174.502-.603 1.268-1.238 1.977-.637.712-1.519 1.41-2.614 1.708-.394.108-.62.396-.62.65v4.002c0 .26.22.515.553.55 1.293.137 1.936.53 2.491.868l.04.025c.27.164.495.296.776.393.277.095.63.163 1.14.163h3.5v1H8c-.605 0-1.07-.081-1.466-.218a4.82 4.82 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615.849-.232 1.574-.787 2.132-1.41.56-.627.914-1.28 1.039-1.639.199-.575.356-1.539.428-2.59z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hand-thumbs-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hand thumbs up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="purse tote">
         <a class="d-block text-dark text-decoration-none" href="/icons/handbag-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-handbag-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 1a2 2 0 0 0-2 2v2H5V3a3 3 0 1 1 6 0v2h-1V3a2 2 0 0 0-2-2z"/>
-  <path d="M3.405 5a1.5 1.5 0 0 0-1.493 1.35L1 13.252A2.5 2.5 0 0 0 3.488 16h9.024A2.5 2.5 0 0 0 15 13.251l-.912-6.9A1.5 1.5 0 0 0 12.595 5H11v2.5a.5.5 0 1 1-1 0V5H6v2.5a.5.5 0 0 1-1 0V5H3.405z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#handbag-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Handbag fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="purse tote">
         <a class="d-block text-dark text-decoration-none" href="/icons/handbag/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-handbag" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1a2 2 0 0 0-2 2v4.5a.5.5 0 0 1-1 0V3a3 3 0 0 1 6 0v4.5a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2z"/>
-  <path fill-rule="evenodd" d="M3.405 6a.5.5 0 0 0-.498.45l-.912 6.9A1.5 1.5 0 0 0 3.488 15h9.024a1.5 1.5 0 0 0 1.493-1.65l-.913-6.9a.5.5 0 0 0-.497-.45h-9.19zm-1.493.35A1.5 1.5 0 0 1 3.405 5h9.19a1.5 1.5 0 0 1 1.493 1.35L15 13.252A2.5 2.5 0 0 1 12.512 16H3.488A2.5 2.5 0 0 1 1 13.251l.912-6.9z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#handbag"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Handbag
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/hash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.39 12.648a1.32 1.32 0 0 0-.015.18c0 .305.21.508.5.508.266 0 .492-.172.555-.477l.554-2.703h1.204c.421 0 .617-.234.617-.547 0-.312-.188-.53-.617-.53h-.985l.516-2.524h1.265c.43 0 .618-.227.618-.547 0-.313-.188-.524-.618-.524h-1.046l.476-2.304a1.06 1.06 0 0 0 .016-.164.51.51 0 0 0-.516-.516.54.54 0 0 0-.539.43l-.523 2.554H7.617l.477-2.304c.008-.04.015-.118.015-.164a.512.512 0 0 0-.523-.516.539.539 0 0 0-.531.43L6.53 5.484H5.414c-.43 0-.617.22-.617.532 0 .312.187.539.617.539h.906l-.515 2.523H4.609c-.421 0-.609.219-.609.531 0 .313.188.547.61.547h.976l-.516 2.492c-.008.04-.015.125-.015.18 0 .305.21.508.5.508.265 0 .492-.172.554-.477l.555-2.703h2.242l-.515 2.492zm-1-6.109h2.266l-.515 2.563H6.859l.532-2.563z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="hard drive hard disk ssd drive server">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hdd-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hdd-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hdd fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="hard drive hard disk ssd drive server">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hdd-network-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hdd-network-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hdd network fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="hard drive hard disk ssd drive server">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hdd-network/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hdd-network"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hdd network
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="hard drive hard disk ssd drive server">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hdd-rack-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hdd-rack-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hdd rack fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="hard drive hard disk ssd drive server">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hdd-rack/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hdd-rack"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hdd rack
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="hard drive hard disk ssd drive server">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hdd-stack-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hdd-stack-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hdd stack fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="hard drive hard disk ssd drive server">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hdd-stack/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hdd-stack"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hdd stack
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="hard drive hard disk ssd drive server">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hdd/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hdd"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hdd
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="headphones">
         <a class="d-block text-dark text-decoration-none" href="/icons/headphones/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-headphones" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 3a5 5 0 0 0-5 5v4.5H2V8a6 6 0 1 1 12 0v4.5h-1V8a5 5 0 0 0-5-5z"/>
-  <path d="M11 10a1 1 0 0 1 1-1h2v4a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-3zm-6 0a1 1 0 0 0-1-1H2v4a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#headphones"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Headphones
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="headphones microphone">
+        <a class="d-block text-dark text-decoration-none" href="/icons/headset/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#headset"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Headset
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="love favorite">
         <a class="d-block text-dark text-decoration-none" href="/icons/heart-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-heart-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#heart-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Heart fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="love favorite">
         <a class="d-block text-dark text-decoration-none" href="/icons/heart-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-heart-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1.314C3.562-3.248-7.534 4.735 8 15V1.314z"/>
-  <path fill-rule="evenodd" d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#heart-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Heart half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="love favorite">
         <a class="d-block text-dark text-decoration-none" href="/icons/heart/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-heart" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#heart"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Heart
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape polygon">
+        <a class="d-block text-dark text-decoration-none" href="/icons/heptagon-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#heptagon-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Heptagon fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="shape polygon">
+        <a class="d-block text-dark text-decoration-none" href="/icons/heptagon-half/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#heptagon-half"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Heptagon half
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="shape polygon">
+        <a class="d-block text-dark text-decoration-none" href="/icons/heptagon/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#heptagon"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Heptagon
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="shape polygon">
         <a class="d-block text-dark text-decoration-none" href="/icons/hexagon-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hexagon-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.5.134a1 1 0 0 0-1 0l-6 3.577a1 1 0 0 0-.5.866v6.846a1 1 0 0 0 .5.866l6 3.577a1 1 0 0 0 1 0l6-3.577a1 1 0 0 0 .5-.866V4.577a1 1 0 0 0-.5-.866L8.5.134z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hexagon-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hexagon fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape polygon">
         <a class="d-block text-dark text-decoration-none" href="/icons/hexagon-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hexagon-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 4.577L8 1v14l6-3.577V4.577zM8.5.134a1 1 0 0 0-1 0l-6 3.577a1 1 0 0 0-.5.866v6.846a1 1 0 0 0 .5.866l6 3.577a1 1 0 0 0 1 0l6-3.577a1 1 0 0 0 .5-.866V4.577a1 1 0 0 0-.5-.866L8.5.134z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hexagon-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hexagon half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape polygon">
         <a class="d-block text-dark text-decoration-none" href="/icons/hexagon/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hexagon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 4.577L8 1 2 4.577v6.846L8 15l6-3.577V4.577zM8.5.134a1 1 0 0 0-1 0l-6 3.577a1 1 0 0 0-.5.866v6.846a1 1 0 0 0 .5.866l6 3.577a1 1 0 0 0 1 0l6-3.577a1 1 0 0 0 .5-.866V4.577a1 1 0 0 0-.5-.866L8.5.134z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hexagon"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hexagon
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="time history wait sand">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hourglass-bottom/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hourglass-bottom"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hourglass bottom
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="time history wait sand">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hourglass-split/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hourglass-split"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hourglass split
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="time history wait sand">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hourglass-top/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hourglass-top"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hourglass top
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="time history wait sand">
+        <a class="d-block text-dark text-decoration-none" href="/icons/hourglass/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hourglass"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Hourglass
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="home">
         <a class="d-block text-dark text-decoration-none" href="/icons/house-door-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-house-door-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M6.5 10.995V14.5a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .146-.354l6-6a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 .146.354v7a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5V11c0-.25-.25-.5-.5-.5H7c-.25 0-.5.25-.5.495z"/>
-  <path fill-rule="evenodd" d="M13 2.5V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#house-door-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             House door fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="home">
         <a class="d-block text-dark text-decoration-none" href="/icons/house-door/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-house-door" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.646 1.146a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 .146.354v7a.5.5 0 0 1-.5.5H9.5a.5.5 0 0 1-.5-.5v-4H7v4a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .146-.354l6-6zM2.5 7.707V14H6v-4a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4h3.5V7.707L8 2.207l-5.5 5.5z"/>
-  <path fill-rule="evenodd" d="M13 2.5V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#house-door"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             House door
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="home">
         <a class="d-block text-dark text-decoration-none" href="/icons/house-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-house-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 3.293l6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
-  <path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#house-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             House fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="home">
         <a class="d-block text-dark text-decoration-none" href="/icons/house/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-house" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 13.5V7h1v6.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V7h1v6.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5zm11-11V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
-  <path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#house"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             House
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="divider horizonal-rule">
         <a class="d-block text-dark text-decoration-none" href="/icons/hr/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-hr" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 8a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5A.5.5 0 0 1 0 8z"/>
-  <path d="M4 3h8a1 1 0 0 1 1 1v2.5h1V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2.5h1V4a1 1 0 0 1 1-1zM3 9.5H2V12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V9.5h-1V12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#hr"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Hr
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="picture photo">
         <a class="d-block text-dark text-decoration-none" href="/icons/image-alt/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-image-alt" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10.648 6.646a.5.5 0 0 1 .577-.093l4.777 3.947V15a1 1 0 0 1-1 1h-14a1 1 0 0 1-1-1v-2l3.646-4.354a.5.5 0 0 1 .63-.062l2.66 2.773 3.71-4.71z"/>
-  <path fill-rule="evenodd" d="M4.5 5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#image-alt"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Image alt
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="picture photo">
         <a class="d-block text-dark text-decoration-none" href="/icons/image-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-image-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.002 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V3zm1 9l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71a.5.5 0 0 1 .577-.094L15.002 9.5V13a1 1 0 0 1-1 1h-12a1 1 0 0 1-1-1v-1zm5-6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#image-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Image fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="picture photo">
         <a class="d-block text-dark text-decoration-none" href="/icons/image/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-image" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.002 2h-12a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-12-1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12z"/>
-  <path d="M10.648 7.646a.5.5 0 0 1 .577-.093L15.002 9.5V14h-14v-2l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71z"/>
-  <path fill-rule="evenodd" d="M4.502 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#image"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Image
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="picture photo">
         <a class="d-block text-dark text-decoration-none" href="/icons/images/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-images" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12.002 4h-10a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm-10-1a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-10z"/>
-  <path d="M10.648 8.646a.5.5 0 0 1 .577-.093l1.777 1.947V14h-12v-1l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71z"/>
-  <path fill-rule="evenodd" d="M4.502 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM4 2h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1v1a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2h1a1 1 0 0 1 1-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#images"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Images
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/inbox-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-inbox-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.81 4.063A1.5 1.5 0 0 1 4.98 3.5h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1-.78.624l-3.7-4.624a.5.5 0 0 0-.39-.188H4.98a.5.5 0 0 0-.39.188L.89 9.312a.5.5 0 1 1-.78-.624l3.7-4.625z"/>
-  <path fill-rule="evenodd" d="M.125 8.67A.5.5 0 0 1 .5 8.5h5A.5.5 0 0 1 6 9c0 .828.625 2 2 2s2-1.172 2-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .496.562l-.39 3.124a1.5 1.5 0 0 1-1.489 1.314H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#inbox-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Inbox fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/inbox/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-inbox" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.81 4.063A1.5 1.5 0 0 1 4.98 3.5h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1-.78.624l-3.7-4.624a.5.5 0 0 0-.39-.188H4.98a.5.5 0 0 0-.39.188L.89 9.312a.5.5 0 1 1-.78-.624l3.7-4.625z"/>
-  <path fill-rule="evenodd" d="M.125 8.67A.5.5 0 0 1 .5 8.5H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0 .5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .496.562l-.39 3.124a1.5 1.5 0 0 1-1.489 1.314H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393zm.941.83l.32 2.562a.5.5 0 0 0 .497.438h12.234a.5.5 0 0 0 .496-.438l.32-2.562H10.45a2.5 2.5 0 0 1-4.9 0H1.066z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#inbox"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Inbox
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/inboxes-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-inboxes-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.125 11.17A.5.5 0 0 1 .5 11H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0 .5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 16H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393zM3.81.563A1.5 1.5 0 0 1 4.98 0h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1-.78.624l-3.7-4.624A.5.5 0 0 0 11.02 1H4.98a.5.5 0 0 0-.39.188L.89 5.812a.5.5 0 1 1-.78-.624L3.81.563z"/>
-  <path fill-rule="evenodd" d="M.125 5.17A.5.5 0 0 1 .5 5H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0A.5.5 0 0 1 10 5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 10H1.883A1.5 1.5 0 0 1 .394 8.686l-.39-3.124a.5.5 0 0 1 .121-.393z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#inboxes-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Inboxes fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/inboxes/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-inboxes" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.125 11.17A.5.5 0 0 1 .5 11H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0 .5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 16H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393zm.941.83l.32 2.562a.5.5 0 0 0 .497.438h12.234a.5.5 0 0 0 .496-.438l.32-2.562H10.45a2.5 2.5 0 0 1-4.9 0H1.066zM3.81.563A1.5 1.5 0 0 1 4.98 0h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1-.78.624l-3.7-4.624A.5.5 0 0 0 11.02 1H4.98a.5.5 0 0 0-.39.188L.89 5.812a.5.5 0 1 1-.78-.624L3.81.563z"/>
-  <path fill-rule="evenodd" d="M.125 5.17A.5.5 0 0 1 .5 5H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0A.5.5 0 0 1 10 5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 10H1.883A1.5 1.5 0 0 1 .394 8.686l-.39-3.124a.5.5 0 0 1 .121-.393zm.941.83l.32 2.562A.5.5 0 0 0 1.884 9h12.234a.5.5 0 0 0 .496-.438L14.933 6H10.45a2.5 2.5 0 0 1-4.9 0H1.066z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#inboxes"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Inboxes
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="information help">
         <a class="d-block text-dark text-decoration-none" href="/icons/info-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-info-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#info-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Info circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="information help">
         <a class="d-block text-dark text-decoration-none" href="/icons/info-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-info-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/>
-  <circle cx="8" cy="4.5" r="1"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#info-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Info circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="information help">
         <a class="d-block text-dark text-decoration-none" href="/icons/info-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-info-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm8.93 4.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#info-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Info square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="information help">
         <a class="d-block text-dark text-decoration-none" href="/icons/info-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-info-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/>
-  <circle cx="8" cy="4.5" r="1"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#info-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Info square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="information help">
         <a class="d-block text-dark text-decoration-none" href="/icons/info/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-info" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/>
-  <circle cx="8" cy="4.5" r="1"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#info"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Info
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="textarea form input">
+        <a class="d-block text-dark text-decoration-none" href="/icons/input-cursor-text/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#input-cursor-text"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Input cursor text
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="textarea form input">
+        <a class="d-block text-dark text-decoration-none" href="/icons/input-cursor/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#input-cursor"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Input cursor
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="graphics vector merge layers">
         <a class="d-block text-dark text-decoration-none" href="/icons/intersect/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-intersect" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 4v6.5a1.5 1.5 0 0 1-1.5 1.5H4V5.5A1.5 1.5 0 0 1 5.5 4H12z"/>
-  <path fill-rule="evenodd" d="M14.5 5h-9a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-9-1A1.5 1.5 0 0 0 4 5.5v9A1.5 1.5 0 0 0 5.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 4h-9z"/>
-  <path fill-rule="evenodd" d="M10.5 1h-9a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-9-1A1.5 1.5 0 0 0 0 1.5v9A1.5 1.5 0 0 0 1.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 10.5 0h-9z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#intersect"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Intersect
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-album/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-album"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal album
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-arrow-down/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-arrow-down"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal arrow down
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-arrow-up/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-arrow-up"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal arrow up
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-check/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-check"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal check
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-code/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-code"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal code
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-medical/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-medical"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal medical
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-minus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-minus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal minus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-plus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-plus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal plus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-richtext/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-richtext"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal richtext
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal-text/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal-text"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal text
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journal/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journal"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journal
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="file folder journal notebook">
+        <a class="d-block text-dark text-decoration-none" href="/icons/journals/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#journals"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Journals
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="gaming game video games">
+        <a class="d-block text-dark text-decoration-none" href="/icons/joystick/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#joystick"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Joystick
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="text type justify alignment">
         <a class="d-block text-dark text-decoration-none" href="/icons/justify-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-justify-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#justify-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Justify left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment">
         <a class="d-block text-dark text-decoration-none" href="/icons/justify-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-justify-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#justify-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Justify right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment">
         <a class="d-block text-dark text-decoration-none" href="/icons/justify/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-justify" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#justify"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Justify
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="board project-management">
         <a class="d-block text-dark text-decoration-none" href="/icons/kanban-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-kanban-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-11zm5 2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1zm-5 1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V3zm9-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#kanban-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Kanban fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="board project-management">
         <a class="d-block text-dark text-decoration-none" href="/icons/kanban/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-kanban" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13.5 1h-11a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm-11-1a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-11z"/>
-  <rect width="3" height="5" x="6.5" y="2" rx="1"/>
-  <rect width="3" height="9" x="2.5" y="2" rx="1"/>
-  <rect width="3" height="12" x="10.5" y="2" rx="1"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#kanban"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Kanban
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="lock secure">
+        <a class="d-block text-dark text-decoration-none" href="/icons/key-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#key-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Key fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="lock secure">
+        <a class="d-block text-dark text-decoration-none" href="/icons/key/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#key"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Key
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="keyboard keys typing">
+        <a class="d-block text-dark text-decoration-none" href="/icons/keyboard-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#keyboard-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Keyboard fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="keyboard keys typing">
+        <a class="d-block text-dark text-decoration-none" href="/icons/keyboard/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#keyboard"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Keyboard
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="climb ladder">
+        <a class="d-block text-dark text-decoration-none" href="/icons/ladder/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#ladder"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Ladder
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="light lamp">
+        <a class="d-block text-dark text-decoration-none" href="/icons/lamp-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#lamp-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Lamp fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="light lamp">
+        <a class="d-block text-dark text-decoration-none" href="/icons/lamp/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#lamp"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Lamp
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="computer">
+        <a class="d-block text-dark text-decoration-none" href="/icons/laptop-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#laptop-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Laptop fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="computer">
         <a class="d-block text-dark text-decoration-none" href="/icons/laptop/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-laptop" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13.5 3h-11a.5.5 0 0 0-.5.5V11h12V3.5a.5.5 0 0 0-.5-.5zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11z"/>
-  <path d="M0 12h16v.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5V12z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#laptop"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Laptop
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="perspective stacked">
         <a class="d-block text-dark text-decoration-none" href="/icons/layers-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layers-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.765 1.559a.5.5 0 0 1 .47 0l7.5 4a.5.5 0 0 1 0 .882l-7.5 4a.5.5 0 0 1-.47 0l-7.5-4a.5.5 0 0 1 0-.882l7.5-4z"/>
-  <path fill-rule="evenodd" d="M2.125 8.567l-1.86.992a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882l-1.86-.992-5.17 2.756a1.5 1.5 0 0 1-1.41 0l.418-.785-.419.785-5.169-2.756z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layers-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layers fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="perspective stacked">
         <a class="d-block text-dark text-decoration-none" href="/icons/layers-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layers-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.188 8L.264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l-4.578 2.441a.5.5 0 0 1-.47 0L3.188 8z"/>
-  <path fill-rule="evenodd" d="M7.765 1.559a.5.5 0 0 1 .47 0l7.5 4a.5.5 0 0 1 0 .882l-7.5 4a.5.5 0 0 1-.47 0l-7.5-4a.5.5 0 0 1 0-.882l7.5-4zM1.563 6L8 9.433 14.438 6 8 2.567 1.562 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layers-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layers half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="perspective stacked">
         <a class="d-block text-dark text-decoration-none" href="/icons/layers/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layers" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.188 8L.264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l-1.063.567L14.438 10 8 13.433 1.562 10 4.25 8.567 3.187 8z"/>
-  <path fill-rule="evenodd" d="M7.765 1.559a.5.5 0 0 1 .47 0l7.5 4a.5.5 0 0 1 0 .882l-7.5 4a.5.5 0 0 1-.47 0l-7.5-4a.5.5 0 0 1 0-.882l7.5-4zM1.563 6L8 9.433 14.438 6 8 2.567 1.562 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layers"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layers
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="layout columns">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-sidebar-inset-reverse/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-sidebar-inset-reverse" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 2h12a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm12-1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12z"/>
-  <path d="M13 4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-sidebar-inset-reverse"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout sidebar inset reverse
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="layout columns">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-sidebar-inset/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-sidebar-inset" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path d="M3 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-sidebar-inset"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout sidebar inset
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout sidebar">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-sidebar-reverse/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-sidebar-reverse" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M11 14V2h1v12h-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-sidebar-reverse"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout sidebar reverse
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout sidebar">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-sidebar/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-sidebar" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M4 14V2h1v12H4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-sidebar"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout sidebar
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="grid layout sidebar">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-split/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-split" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M7.5 14V2h1v12h-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-split"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout split
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="layout columns">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-text-sidebar-reverse/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-text-sidebar-reverse" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm12-1a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z"/>
-  <path fill-rule="evenodd" d="M5 15V1H4v14h1zm8-11.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-text-sidebar-reverse"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout text sidebar reverse
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="layout columns">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-text-sidebar/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-text-sidebar" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M11 15V1h1v14h-1zM3 3.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-text-sidebar"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout text sidebar
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="layout columns">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-text-window-reverse/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-text-window-reverse" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm12-1a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z"/>
-  <path fill-rule="evenodd" d="M5 15V4H4v11h1zM.5 4h15V3H.5v1zM13 6.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-text-window-reverse"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout text window reverse
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="layout columns">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-text-window/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-text-window" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M11 15V4h1v11h-1zm4.5-11H.5V3h15v1zM3 6.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-text-window"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout text window
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="layout columns">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-three-columns/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-three-columns" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2.5A1.5 1.5 0 0 1 1.5 1h13A1.5 1.5 0 0 1 16 2.5v11a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 13.5v-11zM1.5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-13z"/>
-  <path fill-rule="evenodd" d="M5 15V1h1v14H5zm5 0V1h1v14h-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-three-columns"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout three columns
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="layout broken">
         <a class="d-block text-dark text-decoration-none" href="/icons/layout-wtf/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-layout-wtf" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5 1H1v8h4V1zM1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H1zm13 2H9v5h5V2zM9 1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9zM5 13H3v2h2v-2zm-2-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H3zm12-1H9v2h6v-2zm-6-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H9z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#layout-wtf"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Layout wtf
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="lifesaver water">
         <a class="d-block text-dark text-decoration-none" href="/icons/life-preserver/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-life-preserver" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
-  <path d="M11.642 6.343L15 5v6l-3.358-1.343A3.99 3.99 0 0 0 12 8a3.99 3.99 0 0 0-.358-1.657zM9.657 4.358L11 1H5l1.343 3.358A3.985 3.985 0 0 1 8 4c.59 0 1.152.128 1.657.358zM4.358 6.343L1 5v6l3.358-1.343A3.985 3.985 0 0 1 4 8c0-.59.128-1.152.358-1.657zm1.985 5.299L5 15h6l-1.343-3.358A3.984 3.984 0 0 1 8 12a3.99 3.99 0 0 1-1.657-.358z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#life-preserver"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Life preserver
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="weather storm thunder bolt">
         <a class="d-block text-dark text-decoration-none" href="/icons/lightning-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-lightning-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#lightning-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Lightning fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="weather storm thunder bolt">
         <a class="d-block text-dark text-decoration-none" href="/icons/lightning/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-lightning" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09zM4.157 8.5H7a.5.5 0 0 1 .478.647L6.11 13.59l5.732-6.09H9a.5.5 0 0 1-.478-.647L9.89 2.41 4.157 8.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#lightning"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Lightning
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="anchor hyperlink href">
         <a class="d-block text-dark text-decoration-none" href="/icons/link-45deg/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-link-45deg" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4.715 6.542L3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.001 1.001 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/>
-  <path d="M5.712 6.96l.167-.167a1.99 1.99 0 0 1 .896-.518 1.99 1.99 0 0 1 .518-.896l.167-.167A3.004 3.004 0 0 0 6 5.499c-.22.46-.316.963-.288 1.46z"/>
-  <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 0 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 0 0-4.243-4.243L6.586 4.672z"/>
-  <path d="M10 9.5a2.99 2.99 0 0 0 .288-1.46l-.167.167a1.99 1.99 0 0 1-.896.518 1.99 1.99 0 0 1-.518.896l-.167.167A3.004 3.004 0 0 0 10 9.501z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#link-45deg"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Link 45deg
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="anchor hyperlink href">
         <a class="d-block text-dark text-decoration-none" href="/icons/link/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-link" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z"/>
-  <path d="M6.764 6.5H7c.364 0 .706.097 1 .268A1.99 1.99 0 0 1 9 6.5h.236A3.004 3.004 0 0 0 8 5.67a3 3 0 0 0-1.236.83z"/>
-  <path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z"/>
-  <path d="M8 11.33a3.01 3.01 0 0 0 1.236-.83H9a1.99 1.99 0 0 1-1-.268 1.99 1.99 0 0 1-1 .268h-.236c.332.371.756.66 1.236.83z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#link"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Link
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment checklist done">
         <a class="d-block text-dark text-decoration-none" href="/icons/list-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-list-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#list-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             List check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type alignment children">
         <a class="d-block text-dark text-decoration-none" href="/icons/list-nested/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-list-nested" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#list-nested"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             List nested
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment ordered-list numbered-list numbered">
         <a class="d-block text-dark text-decoration-none" href="/icons/list-ol/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-list-ol" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z"/>
-  <path d="M1.713 11.865v-.474H2c.217 0 .363-.137.363-.317 0-.185-.158-.31-.361-.31-.223 0-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595 0 0 1-.492.594v.033a.615.615 0 0 1 .569.631c.003.533-.502.8-1.051.8-.656 0-1-.37-1.008-.794h.582c.008.178.186.306.422.309.254 0 .424-.145.422-.35-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844.583 0 .96.326.96.756 0 .389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508 0-.18-.147-.32-.342-.32a.33.33 0 0 0-.342.338v.041zM2.564 5h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635V5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#list-ol"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             List ol
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type starred">
+        <a class="d-block text-dark text-decoration-none" href="/icons/list-stars/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#list-stars"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            List stars
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="text type justify alignment todos task">
         <a class="d-block text-dark text-decoration-none" href="/icons/list-task/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-list-task" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H2zM3 3H2v1h1V3z"/>
-  <path d="M5 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM5.5 7a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9z"/>
-  <path fill-rule="evenodd" d="M1.5 7a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5V7zM2 7h1v1H2V7zm0 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H2zm1 .5H2v1h1v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#list-task"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             List task
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment unordered-list">
         <a class="d-block text-dark text-decoration-none" href="/icons/list-ul/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-list-ul" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#list-ul"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             List ul
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment">
         <a class="d-block text-dark text-decoration-none" href="/icons/list/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-list" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#list"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             List
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="privacy security">
         <a class="d-block text-dark text-decoration-none" href="/icons/lock-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-lock-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <rect width="11" height="9" x="2.5" y="7" rx="2"/>
-  <path fill-rule="evenodd" d="M4.5 4a3.5 3.5 0 1 1 7 0v3h-1V4a2.5 2.5 0 0 0-5 0v3h-1V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#lock-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Lock fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="privacy security">
         <a class="d-block text-dark text-decoration-none" href="/icons/lock/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-lock" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.5 8h-7a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zm-7-1a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-7zm0-3a3.5 3.5 0 1 1 7 0v3h-1V4a2.5 2.5 0 0 0-5 0v3h-1V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#lock"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Lock
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="post postal">
+        <a class="d-block text-dark text-decoration-none" href="/icons/mailbox/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#mailbox"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Mailbox
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="post postal">
+        <a class="d-block text-dark text-decoration-none" href="/icons/mailbox2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#mailbox2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Mailbox2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="geography directions">
         <a class="d-block text-dark text-decoration-none" href="/icons/map/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-map" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M15.817.613A.5.5 0 0 1 16 1v13a.5.5 0 0 1-.402.49l-5 1a.502.502 0 0 1-.196 0L5.5 14.51l-4.902.98A.5.5 0 0 1 0 15V2a.5.5 0 0 1 .402-.49l5-1a.5.5 0 0 1 .196 0l4.902.98 4.902-.98a.5.5 0 0 1 .415.103zM10 2.41l-4-.8v11.98l4 .8V2.41zm1 11.98l4-.8V1.61l-4 .8v11.98zm-6-.8V1.61l-4 .8v11.98l4-.8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#map"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Map
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="markdown md content writing">
+        <a class="d-block text-dark text-decoration-none" href="/icons/markdown-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#markdown-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Markdown fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="markdown md content writing">
+        <a class="d-block text-dark text-decoration-none" href="/icons/markdown/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#markdown"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Markdown
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dropdown menu context app ui">
+        <a class="d-block text-dark text-decoration-none" href="/icons/menu-app-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#menu-app-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Menu app fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dropdown menu context app ui">
+        <a class="d-block text-dark text-decoration-none" href="/icons/menu-app/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#menu-app"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Menu app
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dropdown menu context app ui">
+        <a class="d-block text-dark text-decoration-none" href="/icons/menu-button-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#menu-button-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Menu button fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dropdown menu context app ui">
+        <a class="d-block text-dark text-decoration-none" href="/icons/menu-button-wide-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#menu-button-wide-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Menu button wide fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dropdown menu context app ui">
+        <a class="d-block text-dark text-decoration-none" href="/icons/menu-button-wide/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#menu-button-wide"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Menu button wide
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dropdown menu context app ui">
+        <a class="d-block text-dark text-decoration-none" href="/icons/menu-button/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#menu-button"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Menu button
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dropdown menu context app ui">
+        <a class="d-block text-dark text-decoration-none" href="/icons/menu-down/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#menu-down"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Menu down
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="dropdown menu context app ui">
+        <a class="d-block text-dark text-decoration-none" href="/icons/menu-up/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#menu-up"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Menu up
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="audio video av sound input microphone">
         <a class="d-block text-dark text-decoration-none" href="/icons/mic-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-mic-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0V3z"/>
-  <path fill-rule="evenodd" d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#mic-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Mic fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound input microphone">
         <a class="d-block text-dark text-decoration-none" href="/icons/mic-mute-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-mic-mute-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12.734 9.613A4.995 4.995 0 0 0 13 8V7a.5.5 0 0 0-1 0v1c0 .274-.027.54-.08.799l.814.814zm-2.522 1.72A4 4 0 0 1 4 8V7a.5.5 0 0 0-1 0v1a5 5 0 0 0 4.5 4.975V15h-3a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-3v-2.025a4.973 4.973 0 0 0 2.43-.923l-.718-.719zM11 7.88V3a3 3 0 0 0-5.842-.963L11 7.879zM5 6.12l4.486 4.486A3 3 0 0 1 5 8V6.121zm8.646 7.234l-12-12 .708-.708 12 12-.708.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#mic-mute-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Mic mute fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound input microphone">
         <a class="d-block text-dark text-decoration-none" href="/icons/mic-mute/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-mic-mute" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12.734 9.613A4.995 4.995 0 0 0 13 8V7a.5.5 0 0 0-1 0v1c0 .274-.027.54-.08.799l.814.814zm-2.522 1.72A4 4 0 0 1 4 8V7a.5.5 0 0 0-1 0v1a5 5 0 0 0 4.5 4.975V15h-3a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-3v-2.025a4.973 4.973 0 0 0 2.43-.923l-.718-.719zM11 7.88V3a3 3 0 0 0-5.842-.963l.845.845A2 2 0 0 1 10 3v3.879l1 1zM8.738 9.86l.748.748A3 3 0 0 1 5 8V6.121l1 1V8a2 2 0 0 0 2.738 1.86zm4.908 3.494l-12-12 .708-.708 12 12-.708.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#mic-mute"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Mic mute
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound input microphone">
         <a class="d-block text-dark text-decoration-none" href="/icons/mic/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-mic" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M10 8V3a2 2 0 1 0-4 0v5a2 2 0 1 0 4 0zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#mic"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Mic
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mining cart">
         <a class="d-block text-dark text-decoration-none" href="/icons/minecart-loaded/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-minecart-loaded" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8-1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM.115 3.18A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 14 12H2a.5.5 0 0 1-.491-.408l-1.5-8a.5.5 0 0 1 .106-.411zm.987.82l1.313 7h11.17l1.313-7H1.102z"/>
-  <path fill-rule="evenodd" d="M6 1.5a2.498 2.498 0 0 1 4 0c.818 0 1.545.394 2 1 .67 0 1.28.265 1.729.694l-.692.722A1.493 1.493 0 0 0 12 3.5c-.314 0-.611-.15-.8-.4-.274-.365-.71-.6-1.2-.6-.314 0-.611-.15-.8-.4a1.497 1.497 0 0 0-2.4 0c-.189.25-.486.4-.8.4-.507 0-.955.251-1.228.638a2.65 2.65 0 0 1-.634.634 1.511 1.511 0 0 0-.263.236l-.75-.662a2.5 2.5 0 0 1 .437-.391 1.63 1.63 0 0 0 .393-.393A2.498 2.498 0 0 1 6 1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#minecart-loaded"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Minecart loaded
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mining cart">
         <a class="d-block text-dark text-decoration-none" href="/icons/minecart/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-minecart" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8-1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM.115 3.18A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 14 12H2a.5.5 0 0 1-.491-.408l-1.5-8a.5.5 0 0 1 .106-.411zm.987.82l1.313 7h11.17l1.313-7H1.102z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#minecart"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Minecart
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="lunar weather">
         <a class="d-block text-dark text-decoration-none" href="/icons/moon/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-moon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.53 10.53a7 7 0 0 1-9.058-9.058A7.003 7.003 0 0 0 8 15a7.002 7.002 0 0 0 6.53-4.47z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#moon"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Moon
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mice input">
+        <a class="d-block text-dark text-decoration-none" href="/icons/mouse/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#mouse"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Mouse
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mice input">
+        <a class="d-block text-dark text-decoration-none" href="/icons/mouse2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#mouse2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Mouse2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mice input">
+        <a class="d-block text-dark text-decoration-none" href="/icons/mouse3/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#mouse3"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Mouse3
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="music notes audio sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/music-note-beamed/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-music-note-beamed" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M6 13c0 1.105-1.12 2-2.5 2S1 14.105 1 13c0-1.104 1.12-2 2.5-2s2.5.896 2.5 2zm9-2c0 1.105-1.12 2-2.5 2s-2.5-.895-2.5-2 1.12-2 2.5-2 2.5.895 2.5 2z"/>
-  <path fill-rule="evenodd" d="M14 11V2h1v9h-1zM6 3v10H5V3h1z"/>
-  <path d="M5 2.905a1 1 0 0 1 .9-.995l8-.8a1 1 0 0 1 1.1.995V3L5 4V2.905z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#music-note-beamed"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Music note beamed
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="music notes audio sound playlist library">
         <a class="d-block text-dark text-decoration-none" href="/icons/music-note-list/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-music-note-list" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M12 13c0 1.105-1.12 2-2.5 2S7 14.105 7 13s1.12-2 2.5-2 2.5.895 2.5 2z"/>
-  <path fill-rule="evenodd" d="M12 3v10h-1V3h1z"/>
-  <path d="M11 2.82a1 1 0 0 1 .804-.98l3-.6A1 1 0 0 1 16 2.22V4l-5 1V2.82z"/>
-  <path fill-rule="evenodd" d="M0 11.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 .5 7H8a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 .5 3H8a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#music-note-list"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Music note list
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="music notes audio sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/music-note/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-music-note" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 13c0 1.105-1.12 2-2.5 2S4 14.105 4 13s1.12-2 2.5-2 2.5.895 2.5 2z"/>
-  <path fill-rule="evenodd" d="M9 3v10H8V3h1z"/>
-  <path d="M8 2.82a1 1 0 0 1 .804-.98l3-.6A1 1 0 0 1 13 2.22V4L8 5V2.82z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#music-note"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Music note
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="ipod mp3">
         <a class="d-block text-dark text-decoration-none" href="/icons/music-player-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-music-player-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm2 1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2.5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3zm7 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
-  <circle cx="8" cy="11" r="1"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#music-player-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Music player fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="ipod mp3">
         <a class="d-block text-dark text-decoration-none" href="/icons/music-player/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-music-player" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/>
-  <path fill-rule="evenodd" d="M11 3H5v3h6V3zM5 2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H5zm3 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
-  <circle cx="8" cy="11" r="1"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#music-player"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Music player
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="news paper">
         <a class="d-block text-dark text-decoration-none" href="/icons/newspaper/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-newspaper" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 2A1.5 1.5 0 0 1 1.5.5h11A1.5 1.5 0 0 1 14 2v12a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 0 14V2zm1.5-.5A.5.5 0 0 0 1 2v12a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5h-11z"/>
-  <path fill-rule="evenodd" d="M15.5 3a.5.5 0 0 1 .5.5V14a1.5 1.5 0 0 1-1.5 1.5h-3v-1h3a.5.5 0 0 0 .5-.5V3.5a.5.5 0 0 1 .5-.5z"/>
-  <path d="M2 3h10v2H2V3zm0 3h4v3H2V6zm0 4h4v1H2v-1zm0 2h4v1H2v-1zm5-6h2v1H7V6zm3 0h2v1h-2V6zM7 8h2v1H7V8zm3 0h2v1h-2V8zm-3 2h2v1H7v-1zm3 0h2v1h-2v-1zm-3 2h2v1H7v-1zm3 0h2v1h-2v-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#newspaper"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Newspaper
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="add new node diagram">
+        <a class="d-block text-dark text-decoration-none" href="/icons/node-minus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#node-minus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Node minus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="add new node diagram">
+        <a class="d-block text-dark text-decoration-none" href="/icons/node-minus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#node-minus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Node minus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="add new node diagram">
+        <a class="d-block text-dark text-decoration-none" href="/icons/node-plus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#node-plus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Node plus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="add new node diagram">
+        <a class="d-block text-dark text-decoration-none" href="/icons/node-plus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#node-plus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Node plus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="nut bolt hex tools">
+        <a class="d-block text-dark text-decoration-none" href="/icons/nut-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#nut-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Nut fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="nut bolt hex tools">
+        <a class="d-block text-dark text-decoration-none" href="/icons/nut/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#nut"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Nut
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="shape polygon">
         <a class="d-block text-dark text-decoration-none" href="/icons/octagon-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-octagon-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.107 0a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146A.5.5 0 0 1 4.893 0h6.214z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#octagon-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Octagon fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape polygon">
         <a class="d-block text-dark text-decoration-none" href="/icons/octagon-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-octagon-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM8 15h2.9l4.1-4.1V5.1L10.9 1H8v14z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#octagon-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Octagon half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape polygon">
         <a class="d-block text-dark text-decoration-none" href="/icons/octagon/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-octagon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#octagon"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Octagon
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="key mac">
         <a class="d-block text-dark text-decoration-none" href="/icons/option/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-option" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 2.5a.5.5 0 0 1 .5-.5h3.797a.5.5 0 0 1 .439.26L11 13h3.5a.5.5 0 0 1 0 1h-3.797a.5.5 0 0 1-.439-.26L5 3H1.5a.5.5 0 0 1-.5-.5zm10 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#option"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Option
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="plug power">
         <a class="d-block text-dark text-decoration-none" href="/icons/outlet/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-outlet" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.34 2.994c.275-.338.68-.494 1.074-.494h7.172c.393 0 .798.156 1.074.494.578.708 1.84 2.534 1.84 5.006 0 2.472-1.262 4.297-1.84 5.006-.276.338-.68.494-1.074.494H4.414c-.394 0-.799-.156-1.074-.494C2.762 12.297 1.5 10.472 1.5 8c0-2.472 1.262-4.297 1.84-5.006zm1.074.506a.376.376 0 0 0-.299.126C3.599 4.259 2.5 5.863 2.5 8c0 2.137 1.099 3.74 1.615 4.374.06.073.163.126.3.126h7.17c.137 0 .24-.053.3-.126.516-.633 1.615-2.237 1.615-4.374 0-2.137-1.099-3.74-1.615-4.374a.376.376 0 0 0-.3-.126h-7.17z"/>
-  <path fill-rule="evenodd" d="M6 5.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5z"/>
-  <path d="M7 10v1h2v-1a1 1 0 0 0-2 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#outlet"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Outlet
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="attachment">
         <a class="d-block text-dark text-decoration-none" href="/icons/paperclip/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-paperclip" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#paperclip"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Paperclip
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="paragraph text body content">
+        <a class="d-block text-dark text-decoration-none" href="/icons/paragraph/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#paragraph"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Paragraph
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="verified checkmark certified">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-check-fll/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-check-fll"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch check fll
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="verified checkmark certified">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-check/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-check"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch check
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="excited certified">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-exclamation-fll/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-exclamation-fll"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch exclamation fll
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="excited certified">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-exclamation/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-exclamation"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch exclamation
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-minus-fll/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-minus-fll"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch minus fll
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-minus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-minus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch minus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-plus-fll/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-plus-fll"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch plus fll
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-plus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-plus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch plus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-question-fll/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-question-fll"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch question fll
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/patch-question/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#patch-question"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Patch question
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/pause-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pause-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pause-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pause fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/pause/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pause" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pause"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pause
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="peace love">
+        <a class="d-block text-dark text-decoration-none" href="/icons/peace-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#peace-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Peace fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="peace love">
+        <a class="d-block text-dark text-decoration-none" href="/icons/peace/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#peace"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Peace
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="edit write ballpoint">
         <a class="d-block text-dark text-decoration-none" href="/icons/pen/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pen" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.707 13.707a1 1 0 0 1-.39.242l-3 1a1 1 0 0 1-1.266-1.265l1-3a1 1 0 0 1 .242-.391L10.086 2.5a2 2 0 0 1 2.828 0l.586.586a2 2 0 0 1 0 2.828l-7.793 7.793zM3 11l7.793-7.793a1 1 0 0 1 1.414 0l.586.586a1 1 0 0 1 0 1.414L5 13l-3 1 1-3z"/>
-  <path fill-rule="evenodd" d="M9.854 2.56a.5.5 0 0 0-.708 0L5.854 5.855a.5.5 0 0 1-.708-.708L8.44 1.854a1.5 1.5 0 0 1 2.122 0l.293.292a.5.5 0 0 1-.707.708l-.293-.293z"/>
-  <path d="M13.293 1.207a1 1 0 0 1 1.414 0l.03.03a1 1 0 0 1 .03 1.383L13.5 4 12 2.5l1.293-1.293z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pen"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pen
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="edit write">
         <a class="d-block text-dark text-decoration-none" href="/icons/pencil-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pencil-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456l-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
-  <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pencil-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pencil square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="edit write">
         <a class="d-block text-dark text-decoration-none" href="/icons/pencil/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pencil" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.293 1.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-.39.242l-3 1a1 1 0 0 1-1.266-1.265l1-3a1 1 0 0 1 .242-.391l9-9zM12 2l2 2-9 9-3 1 1-3 9-9z"/>
-  <path fill-rule="evenodd" d="M12.146 6.354l-2.5-2.5.708-.708 2.5 2.5-.707.708zM3 10v.5a.5.5 0 0 0 .5.5H4v.5a.5.5 0 0 0 .5.5H5v.5a.5.5 0 0 0 .5.5H6v-1.5a.5.5 0 0 0-.5-.5H5v-.5a.5.5 0 0 0-.5-.5H3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pencil"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pencil
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape polygon">
         <a class="d-block text-dark text-decoration-none" href="/icons/pentagon-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pentagon-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 0l8 6.5-3 9.5H3L0 6.5 8 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pentagon-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pentagon fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape polygon">
         <a class="d-block text-dark text-decoration-none" href="/icons/pentagon-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pentagon-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1.288V15h4.267l2.575-8.153L8 1.288zM16 6.5L8 0 0 6.5 3 16h10l3-9.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pentagon-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pentagon half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape polygon">
         <a class="d-block text-dark text-decoration-none" href="/icons/pentagon/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pentagon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1.288l-6.842 5.56L3.733 15h8.534l2.575-8.153L8 1.288zM16 6.5L8 0 0 6.5 3 16h10l3-9.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pentagon"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pentagon
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="humans organization avatar">
         <a class="d-block text-dark text-decoration-none" href="/icons/people-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-people-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#people-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             People fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="humans organization avatar">
         <a class="d-block text-dark text-decoration-none" href="/icons/people/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-people" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.995-.944v-.002.002zM7.022 13h7.956a.274.274 0 0 0 .014-.002l.008-.002c-.002-.264-.167-1.03-.76-1.72C13.688 10.629 12.718 10 11 10c-1.717 0-2.687.63-3.24 1.276-.593.69-.759 1.457-.76 1.72a1.05 1.05 0 0 0 .022.004zm7.973.056v-.002.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10c-1.668.02-2.615.64-3.16 1.276C1.163 11.97 1 12.739 1 13h3c0-1.045.323-2.086.92-3zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#people"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             People
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="percentage math fraction">
+        <a class="d-block text-dark text-decoration-none" href="/icons/percent/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#percent"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Percent
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="human individual avatar badge id card">
+        <a class="d-block text-dark text-decoration-none" href="/icons/person-badge-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-badge-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Person badge fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="human individual avatar badge id card">
+        <a class="d-block text-dark text-decoration-none" href="/icons/person-badge/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-badge"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Person badge
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="human individual avatar crop">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-bounding-box/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-bounding-box" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-bounding-box"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person bounding box
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar verified">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-check-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-check-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm9.854-2.854a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-check-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person check fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar verified">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-check/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-check" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM1.022 13h9.956a.274.274 0 0 0 .014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 0 0 .022.004zm9.974.056v-.002.002zM6 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm6.854.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-check"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person check
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="humans organization avatar">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M13.468 12.37C12.758 11.226 11.195 10 8 10s-4.757 1.225-5.468 2.37A6.987 6.987 0 0 0 8 15a6.987 6.987 0 0 0 5.468-2.63z"/>
-  <path fill-rule="evenodd" d="M8 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
-  <path fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar remove delete">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-dash-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-dash-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm5-.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-dash-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person dash fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar remove delete">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-dash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-dash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM1.022 13h9.956a.274.274 0 0 0 .014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 0 0 .022.004zm9.974.056v-.002.002zM6 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm2 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-dash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person dash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar contact list">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-lines-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-lines-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm7 1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm2 9a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-lines-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person lines fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar new add">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-plus-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-plus-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm7.5-3a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M13 7.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0v-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-plus-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person plus fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar new add">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM1.022 13h9.956a.274.274 0 0 0 .014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 0 0 .022.004zm9.974.056v-.002.002zM6 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm4.5 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M13 7.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0v-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar">
         <a class="d-block text-dark text-decoration-none" href="/icons/person-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M2 15v-1c0-1 1-4 6-4s6 3 6 4v1H2zm6-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="human individual avatar">
         <a class="d-block text-dark text-decoration-none" href="/icons/person/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-person" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M13 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM3.022 13h9.956a.274.274 0 0 0 .014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 0 0 .022.004zm9.974.056v-.002.002zM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#person"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Person
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mobile telephone">
+        <a class="d-block text-dark text-decoration-none" href="/icons/phone-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#phone-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Phone fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mobile telephone">
+        <a class="d-block text-dark text-decoration-none" href="/icons/phone-landscape-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#phone-landscape-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Phone landscape fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mobile telephone">
         <a class="d-block text-dark text-decoration-none" href="/icons/phone-landscape/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-phone-landscape" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 4.5v6a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1zm-1 6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v6z"/>
-  <path fill-rule="evenodd" d="M14 7.5a1 1 0 1 0-2 0 1 1 0 0 0 2 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#phone-landscape"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Phone landscape
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mobile telephone">
         <a class="d-block text-dark text-decoration-none" href="/icons/phone/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-phone" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11 1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/>
-  <path fill-rule="evenodd" d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#phone"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Phone
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chart graph analytics">
         <a class="d-block text-dark text-decoration-none" href="/icons/pie-chart-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pie-chart-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M15.985 8.5H8.207l-5.5 5.5a8 8 0 0 0 13.277-5.5zM2 13.292A8 8 0 0 1 7.5.015v7.778l-5.5 5.5zM8.5.015V7.5h7.485A8.001 8.001 0 0 0 8.5.015z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pie-chart-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pie chart fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="chart graph analytics">
         <a class="d-block text-dark text-decoration-none" href="/icons/pie-chart/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pie-chart" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M7.5 7.793V1h1v6.5H15v1H8.207l-4.853 4.854-.708-.708L7.5 7.793z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pie-chart"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pie chart
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="picture tv television display nested">
         <a class="d-block text-dark text-decoration-none" href="/icons/pip-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pip-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13zm7 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pip-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pip fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="picture tv television display nested">
         <a class="d-block text-dark text-decoration-none" href="/icons/pip/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-pip" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5v-9zM1.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z"/>
-  <path d="M8 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#pip"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Pip
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/play-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-play-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#play-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Play fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/play/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-play" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.804 8L5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#play"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Play
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="power outlet">
         <a class="d-block text-dark text-decoration-none" href="/icons/plug/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-plug" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 5h8v3a4 4 0 0 1-8 0V5z"/>
-  <path fill-rule="evenodd" d="M6 1.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V2a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V2a.5.5 0 0 1 .5-.5zM7.115 13.651c.256-.511.385-1.408.385-2.651h1c0 1.257-.121 2.36-.49 3.099-.191.381-.47.707-.87.877-.401.17-.845.15-1.298-.002-.961-.32-1.534-.175-1.851.046-.33.23-.491.615-.491.98h-1c0-.635.278-1.353.918-1.8.653-.456 1.58-.561 2.74-.174.297.099.478.078.592.03.115-.05.244-.161.365-.405z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#plug"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Plug
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="add new">
         <a class="d-block text-dark text-decoration-none" href="/icons/plus-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-plus-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4a.5.5 0 0 0-1 0v3.5H4a.5.5 0 0 0 0 1h3.5V12a.5.5 0 0 0 1 0V8.5H12a.5.5 0 0 0 0-1H8.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#plus-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Plus circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="add new">
         <a class="d-block text-dark text-decoration-none" href="/icons/plus-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-plus-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M7.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8z"/>
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#plus-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Plus circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="add new">
         <a class="d-block text-dark text-decoration-none" href="/icons/plus-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-plus-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4a.5.5 0 0 0-1 0v3.5H4a.5.5 0 0 0 0 1h3.5V12a.5.5 0 0 0 1 0V8.5H12a.5.5 0 0 0 0-1H8.5V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#plus-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Plus square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="add new">
         <a class="d-block text-dark text-decoration-none" href="/icons/plus-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-plus-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M7.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8z"/>
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#plus-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Plus square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="add new">
         <a class="d-block text-dark text-decoration-none" href="/icons/plus/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-plus" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M7.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#plus"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Plus
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="false true">
         <a class="d-block text-dark text-decoration-none" href="/icons/power/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-power" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.578 4.437a5 5 0 1 0 4.922.044l.5-.866a6 6 0 1 1-5.908-.053l.486.875z"/>
-  <path fill-rule="evenodd" d="M7.5 8V1h1v7h-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#power"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Power
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="print">
+        <a class="d-block text-dark text-decoration-none" href="/icons/printer-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#printer-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Printer fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="print">
+        <a class="d-block text-dark text-decoration-none" href="/icons/printer/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#printer"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Printer
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="puzzle piece">
         <a class="d-block text-dark text-decoration-none" href="/icons/puzzle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-puzzle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.112 3.645A1.5 1.5 0 0 1 4.605 2H7a.5.5 0 0 1 .5.5v.382c0 .696-.497 1.182-.872 1.469a.459.459 0 0 0-.115.118.113.113 0 0 0-.012.025L6.5 4.5v.003l.003.01c.004.01.014.028.036.053a.86.86 0 0 0 .27.194C7.09 4.9 7.51 5 8 5c.492 0 .912-.1 1.19-.24a.86.86 0 0 0 .271-.194.213.213 0 0 0 .036-.054l.003-.01v-.008a.112.112 0 0 0-.012-.025.459.459 0 0 0-.115-.118c-.375-.287-.872-.773-.872-1.469V2.5A.5.5 0 0 1 9 2h2.395a1.5 1.5 0 0 1 1.493 1.645L12.645 6.5h.237c.195 0 .42-.147.675-.48.21-.274.528-.52.943-.52.568 0 .947.447 1.154.862C15.877 6.807 16 7.387 16 8s-.123 1.193-.346 1.638c-.207.415-.586.862-1.154.862-.415 0-.733-.246-.943-.52-.255-.333-.48-.48-.675-.48h-.237l.243 2.855A1.5 1.5 0 0 1 11.395 14H9a.5.5 0 0 1-.5-.5v-.382c0-.696.497-1.182.872-1.469a.459.459 0 0 0 .115-.118.113.113 0 0 0 .012-.025L9.5 11.5v-.003l-.003-.01a.214.214 0 0 0-.036-.053.859.859 0 0 0-.27-.194C8.91 11.1 8.49 11 8 11c-.491 0-.912.1-1.19.24a.859.859 0 0 0-.271.194.214.214 0 0 0-.036.054l-.003.01v.002l.001.006a.113.113 0 0 0 .012.025c.016.027.05.068.115.118.375.287.872.773.872 1.469v.382a.5.5 0 0 1-.5.5H4.605a1.5 1.5 0 0 1-1.493-1.645L3.356 9.5h-.238c-.195 0-.42.147-.675.48-.21.274-.528.52-.943.52-.568 0-.947-.447-1.154-.862C.123 9.193 0 8.613 0 8s.123-1.193.346-1.638C.553 5.947.932 5.5 1.5 5.5c.415 0 .733.246.943.52.255.333.48.48.675.48h.238l-.244-2.855z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#puzzle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Puzzle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="puzzle piece">
         <a class="d-block text-dark text-decoration-none" href="/icons/puzzle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-puzzle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4.605 2.5V2v.5zM3.61 3.6l.498-.043V3.55l-.498.05zM7 2.5h.5A.5.5 0 0 0 7 2v.5zm-.676 1.454l.304.397-.304-.397zm3.352 0l-.304.397.304-.397zM9 2.5V2a.5.5 0 0 0-.5.5H9zm3.39 1.1l-.498-.05v.007l.498.043zM12.1 7l-.498-.043a.5.5 0 0 0 .498.543V7zm1.854-.676l.397.304-.397-.304zm0 3.352l.397-.304-.397.304zM12.1 9v-.5a.5.5 0 0 0-.498.542L12.1 9zm.29 3.4l-.498.043v.007l.498-.05zM9 13.5h-.5a.5.5 0 0 0 .5.5v-.5zm.676-1.454l-.304-.397.304.397zm-3.352 0l.304-.397-.304.397zM7 13.5v.5a.5.5 0 0 0 .5-.5H7zm-2.395 0V13v.5zm-.995-1.1l.498.05v-.007L3.61 12.4zM3.9 9l.498.042A.5.5 0 0 0 3.9 8.5V9zm-1.854.676l-.397-.304.397.304zm0-3.352l-.397.304.397-.304zM3.9 7v.5a.5.5 0 0 0 .498-.543L3.9 7zm.705-5a1.5 1.5 0 0 0-1.493 1.65l.995-.1A.5.5 0 0 1 4.605 3V2zM7 2H4.605v1H7V2zm.5.882V2.5h-1v.382h1zm-.872 1.469c.375-.287.872-.773.872-1.469h-1c0 .195-.147.42-.48.675l.608.794zM6.5 4.5l.001-.006a.113.113 0 0 1 .012-.025.459.459 0 0 1 .115-.118l-.608-.794c-.274.21-.52.528-.52.943h1zM8 5c-.491 0-.912-.1-1.19-.24a.86.86 0 0 1-.271-.194.213.213 0 0 1-.039-.063V4.5h-1c0 .568.447.947.862 1.154C6.807 5.877 7.387 6 8 6V5zm1.5-.5v.003a.213.213 0 0 1-.039.064.86.86 0 0 1-.27.193C8.91 4.9 8.49 5 8 5v1c.613 0 1.193-.123 1.638-.346.415-.207.862-.586.862-1.154h-1zm-.128-.15c.065.05.099.092.115.119.008.013.01.021.012.025L9.5 4.5h1c0-.415-.246-.733-.52-.943l-.608.794zM8.5 2.883c0 .696.497 1.182.872 1.469l.608-.794c-.333-.255-.48-.48-.48-.675h-1zm0-.382v.382h1V2.5h-1zm2.895-.5H9v1h2.395V2zm1.493 1.65A1.5 1.5 0 0 0 11.395 2v1a.5.5 0 0 1 .498.55l.995.1zm-.29 3.392l.29-3.4-.996-.085-.29 3.4.996.085zm.284-.542H12.1v1h.782v-1zm.675-.48c-.255.333-.48.48-.675.48v1c.696 0 1.182-.497 1.469-.872l-.794-.608zm.943-.52c-.415 0-.733.246-.943.52l.794.608a.459.459 0 0 1 .118-.115.113.113 0 0 1 .025-.012L14.5 6.5v-1zM16 8c0-.613-.123-1.193-.346-1.638-.207-.415-.586-.862-1.154-.862v1h.003l.01.003a.237.237 0 0 1 .053.036.86.86 0 0 1 .194.27c.14.28.24.7.24 1.191h1zm-1.5 2.5c.568 0 .947-.447 1.154-.862C15.877 9.193 16 8.613 16 8h-1c0 .491-.1.912-.24 1.19a.86.86 0 0 1-.194.271.214.214 0 0 1-.063.039H14.5v1zm-.943-.52c.21.274.528.52.943.52v-1l-.006-.001a.113.113 0 0 1-.025-.012.458.458 0 0 1-.118-.115l-.794.608zm-.675-.48c.195 0 .42.147.675.48l.794-.608c-.287-.375-.773-.872-1.469-.872v1zm-.782 0h.782v-1H12.1v1zm.788 2.858l-.29-3.4-.996.084.29 3.401.996-.085zM11.395 14a1.5 1.5 0 0 0 1.493-1.65l-.995.1a.5.5 0 0 1-.498.55v1zM9 14h2.395v-1H9v1zm.5-.5v-.382h-1v.382h1zm0-.382c0-.195.147-.42.48-.675l-.608-.794c-.375.287-.872.773-.872 1.469h1zm.48-.675c.274-.21.52-.528.52-.943h-1l-.001.006a.113.113 0 0 1-.012.025.459.459 0 0 1-.115.118l.608.794zm.52-.943c0-.568-.447-.947-.862-1.154C9.193 10.123 8.613 10 8 10v1c.492 0 .912.1 1.19.24.14.07.226.14.271.194a.214.214 0 0 1 .039.063v.003h1zM8 10c-.613 0-1.193.123-1.638.346-.415.207-.862.586-.862 1.154h1v-.003l.003-.01a.214.214 0 0 1 .036-.053.859.859 0 0 1 .27-.194C7.09 11.1 7.51 11 8 11v-1zm-2.5 1.5c0 .415.246.733.52.943l.608-.794a.459.459 0 0 1-.115-.118.113.113 0 0 1-.012-.025L6.5 11.5h-1zm.52.943c.333.255.48.48.48.675h1c0-.696-.497-1.182-.872-1.469l-.608.794zm.48.675v.382h1v-.382h-1zM4.605 14H7v-1H4.605v1zm-1.493-1.65A1.5 1.5 0 0 0 4.605 14v-1a.5.5 0 0 1-.498-.55l-.995-.1zm.29-3.393l-.29 3.401.996.085.29-3.4-.996-.086zm-.284.543H3.9v-1h-.782v1zm-.675.48c.255-.333.48-.48.675-.48v-1c-.696 0-1.182.497-1.469.872l.794.608zm-.943.52c.415 0 .733-.246.943-.52l-.794-.608a.459.459 0 0 1-.118.115.112.112 0 0 1-.025.012L1.5 9.5v1zM0 8c0 .613.123 1.193.346 1.638.207.415.586.862 1.154.862v-1h-.003a.213.213 0 0 1-.064-.039.86.86 0 0 1-.193-.27C1.1 8.91 1 8.49 1 8H0zm1.5-2.5c-.568 0-.947.447-1.154.862C.123 6.807 0 7.387 0 8h1c0-.492.1-.912.24-1.19a.86.86 0 0 1 .194-.271.213.213 0 0 1 .063-.039H1.5v-1zm.943.52c-.21-.274-.528-.52-.943-.52v1l.006.001a.112.112 0 0 1 .025.012c.027.016.068.05.118.115l.794-.608zm.675.48c-.195 0-.42-.147-.675-.48l-.794.608c.287.375.773.872 1.469.872v-1zm.782 0h-.782v1H3.9v-1zm-.788-2.858l.29 3.4.996-.085-.29-3.4-.996.085z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#puzzle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Puzzle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="help">
         <a class="d-block text-dark text-decoration-none" href="/icons/question-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-question-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.57 6.033H5.25C5.22 4.147 6.68 3.5 8.006 3.5c1.397 0 2.673.73 2.673 2.24 0 1.08-.635 1.594-1.244 2.057-.737.559-1.01.768-1.01 1.486v.355H7.117l-.007-.463c-.038-.927.495-1.498 1.168-1.987.59-.444.965-.736.965-1.371 0-.825-.628-1.168-1.314-1.168-.901 0-1.358.603-1.358 1.384zm1.251 6.443c-.584 0-1.009-.394-1.009-.927 0-.552.425-.94 1.01-.94.609 0 1.028.388 1.028.94 0 .533-.42.927-1.029.927z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#question-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Question circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="help">
         <a class="d-block text-dark text-decoration-none" href="/icons/question-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-question-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#question-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Question circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="help">
         <a class="d-block text-dark text-decoration-none" href="/icons/question-diamond-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-question-diamond-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435zM6.57 6.033H5.25C5.22 4.147 6.68 3.5 8.006 3.5c1.397 0 2.673.73 2.673 2.24 0 1.08-.635 1.594-1.244 2.057-.737.559-1.01.768-1.01 1.486v.355H7.117l-.007-.463c-.038-.927.495-1.498 1.168-1.987.59-.444.965-.736.965-1.371 0-.825-.628-1.168-1.314-1.168-.901 0-1.358.603-1.358 1.384zm1.251 6.443c-.584 0-1.009-.394-1.009-.927 0-.552.425-.94 1.01-.94.609 0 1.028.388 1.028.94 0 .533-.42.927-1.029.927z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#question-diamond-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Question diamond fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="help">
         <a class="d-block text-dark text-decoration-none" href="/icons/question-diamond/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-question-diamond" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/>
-  <path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#question-diamond"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Question diamond
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="help">
         <a class="d-block text-dark text-decoration-none" href="/icons/question-octagon-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-question-octagon-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.46.146A.5.5 0 0 0 11.107 0H4.893a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146zM6.57 6.033H5.25C5.22 4.147 6.68 3.5 8.006 3.5c1.397 0 2.673.73 2.673 2.24 0 1.08-.635 1.594-1.244 2.057-.737.559-1.01.768-1.01 1.486v.355H7.117l-.007-.463c-.038-.927.495-1.498 1.168-1.987.59-.444.965-.736.965-1.371 0-.825-.628-1.168-1.314-1.168-.901 0-1.358.603-1.358 1.384zm1.251 6.443c-.584 0-1.009-.394-1.009-.927 0-.552.425-.94 1.01-.94.609 0 1.028.388 1.028.94 0 .533-.42.927-1.029.927z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#question-octagon-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Question octagon fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="help">
         <a class="d-block text-dark text-decoration-none" href="/icons/question-octagon/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-question-octagon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/>
-  <path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#question-octagon"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Question octagon
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="help">
         <a class="d-block text-dark text-decoration-none" href="/icons/question-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-question-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4.57 6.033H5.25C5.22 4.147 6.68 3.5 8.006 3.5c1.397 0 2.673.73 2.673 2.24 0 1.08-.635 1.594-1.244 2.057-.737.559-1.01.768-1.01 1.486v.355H7.117l-.007-.463c-.038-.927.495-1.498 1.168-1.987.59-.444.965-.736.965-1.371 0-.825-.628-1.168-1.314-1.168-.901 0-1.358.603-1.358 1.384zm1.251 6.443c-.584 0-1.009-.394-1.009-.927 0-.552.425-.94 1.01-.94.609 0 1.028.388 1.028.94 0 .533-.42.927-1.029.927z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#question-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Question square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="help">
         <a class="d-block text-dark text-decoration-none" href="/icons/question-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-question-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#question-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Question square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="help">
         <a class="d-block text-dark text-decoration-none" href="/icons/question/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-question" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5.25 6.033h1.32c0-.781.458-1.384 1.36-1.384.685 0 1.313.343 1.313 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.007.463h1.307v-.355c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.326 0-2.786.647-2.754 2.533zm1.562 5.516c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#question"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Question
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="receipt invoice sale purchase">
         <a class="d-block text-dark text-decoration-none" href="/icons/receipt-cutoff/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-receipt-cutoff" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v13h-1V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0l-.509-.51L2 2.118V15H1V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27zM0 15.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5z"/>
-  <path fill-rule="evenodd" d="M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm8-8a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#receipt-cutoff"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Receipt cutoff
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="receipt invoice sale purchase">
         <a class="d-block text-dark text-decoration-none" href="/icons/receipt/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-receipt" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.053.224l-.5 1a.5.5 0 0 1-.8.13L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 14V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27zm.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0l-.509-.51z"/>
-  <path fill-rule="evenodd" d="M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm8-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#receipt"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Receipt
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="reception cellphone mobile carrier network">
+        <a class="d-block text-dark text-decoration-none" href="/icons/reception-0/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#reception-0"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Reception 0
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="reception cellphone mobile carrier network">
+        <a class="d-block text-dark text-decoration-none" href="/icons/reception-1/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#reception-1"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Reception 1
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="reception cellphone mobile carrier network">
+        <a class="d-block text-dark text-decoration-none" href="/icons/reception-2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#reception-2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Reception 2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="reception cellphone mobile carrier network">
+        <a class="d-block text-dark text-decoration-none" href="/icons/reception-3/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#reception-3"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Reception 3
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="reception cellphone mobile carrier network">
+        <a class="d-block text-dark text-decoration-none" href="/icons/reception-4/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#reception-4"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Reception 4
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/reply-all-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-reply-all-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.079 11.9l4.568-3.281a.719.719 0 0 0 0-1.238L8.079 4.1A.716.716 0 0 0 7 4.719V6c-1.5 0-6 0-7 8 2.5-4.5 7-4 7-4v1.281c0 .56.606.898 1.079.62z"/>
-  <path fill-rule="evenodd" d="M10.868 4.293a.5.5 0 0 1 .7-.106l3.993 2.94a1.147 1.147 0 0 1 0 1.946l-3.994 2.94a.5.5 0 0 1-.593-.805l4.012-2.954a.493.493 0 0 1 .042-.028.147.147 0 0 0 0-.252.496.496 0 0 1-.042-.028l-4.012-2.954a.5.5 0 0 1-.106-.699z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#reply-all-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Reply all fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/reply-all/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-reply-all" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.002 5.013a.144.144 0 0 0-.202.134V6.3a.5.5 0 0 1-.5.5c-.667 0-2.013.005-3.3.822-.984.624-1.99 1.76-2.595 3.876C2.425 10.515 3.59 9.982 4.61 9.7a8.741 8.741 0 0 1 1.921-.306 7.403 7.403 0 0 1 .798.008h.013l.005.001h.001L7.3 9.9l.05-.498a.5.5 0 0 1 .45.498v1.153c0 .108.11.176.202.134l3.984-2.933a.494.494 0 0 1 .042-.028.147.147 0 0 0 0-.252.494.494 0 0 1-.042-.028L8.002 5.013zM6.8 10.386a7.745 7.745 0 0 0-1.923.277c-1.326.368-2.896 1.201-3.94 3.08a.5.5 0 0 1-.933-.305c.464-3.71 1.886-5.662 3.46-6.66 1.245-.79 2.527-.942 3.336-.971v-.66a1.144 1.144 0 0 1 1.767-.96l3.994 2.94a1.147 1.147 0 0 1 0 1.946l-3.994 2.94a1.144 1.144 0 0 1-1.767-.96v-.667z"/>
-  <path fill-rule="evenodd" d="M10.868 4.293a.5.5 0 0 1 .7-.106l3.993 2.94a1.147 1.147 0 0 1 0 1.946l-3.994 2.94a.5.5 0 0 1-.593-.805l4.012-2.954a.493.493 0 0 1 .042-.028.147.147 0 0 0 0-.252.496.496 0 0 1-.042-.028l-4.012-2.954a.5.5 0 0 1-.106-.699z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#reply-all"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Reply all
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/reply-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-reply-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.079 11.9l4.568-3.281a.719.719 0 0 0 0-1.238L9.079 4.1A.716.716 0 0 0 8 4.719V6c-1.5 0-6 0-7 8 2.5-4.5 7-4 7-4v1.281c0 .56.606.898 1.079.62z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#reply-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Reply fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mail email">
         <a class="d-block text-dark text-decoration-none" href="/icons/reply/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-reply" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.502 5.013a.144.144 0 0 0-.202.134V6.3a.5.5 0 0 1-.5.5c-.667 0-2.013.005-3.3.822-.984.624-1.99 1.76-2.595 3.876C3.925 10.515 5.09 9.982 6.11 9.7a8.741 8.741 0 0 1 1.921-.306 7.403 7.403 0 0 1 .798.008h.013l.005.001h.001L8.8 9.9l.05-.498a.5.5 0 0 1 .45.498v1.153c0 .108.11.176.202.134l3.984-2.933a.494.494 0 0 1 .042-.028.147.147 0 0 0 0-.252.494.494 0 0 1-.042-.028L9.502 5.013zM8.3 10.386a7.745 7.745 0 0 0-1.923.277c-1.326.368-2.896 1.201-3.94 3.08a.5.5 0 0 1-.933-.305c.464-3.71 1.886-5.662 3.46-6.66 1.245-.79 2.527-.942 3.336-.971v-.66a1.144 1.144 0 0 1 1.767-.96l3.994 2.94a1.147 1.147 0 0 1 0 1.946l-3.994 2.94a1.144 1.144 0 0 1-1.767-.96v-.667z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#reply"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Reply
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="atom feed xml">
+        <a class="d-block text-dark text-decoration-none" href="/icons/rss-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#rss-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Rss fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="atom feed xml">
+        <a class="d-block text-dark text-decoration-none" href="/icons/rss/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#rss"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Rss
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="tool">
         <a class="d-block text-dark text-decoration-none" href="/icons/screwdriver/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-screwdriver" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 1l1-1 3.081 2.2a1 1 0 0 1 .419.815v.07a1 1 0 0 0 .293.708L10.5 9.5l.914-.305a1 1 0 0 1 1.023.242l3.356 3.356a1 1 0 0 1 0 1.414l-1.586 1.586a1 1 0 0 1-1.414 0l-3.356-3.356a1 1 0 0 1-.242-1.023L9.5 10.5 3.793 4.793a1 1 0 0 0-.707-.293h-.071a1 1 0 0 1-.814-.419L0 1zm11.354 9.646a.5.5 0 0 0-.708.708l3 3a.5.5 0 0 0 .708-.708l-3-3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#screwdriver"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Screwdriver
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="magnifying-glass">
         <a class="d-block text-dark text-decoration-none" href="/icons/search/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-search" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"/>
-  <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#search"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Search
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="nav tabs tabbed app ui">
+        <a class="d-block text-dark text-decoration-none" href="/icons/segmented-nav/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#segmented-nav"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Segmented nav
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="server network">
         <a class="d-block text-dark text-decoration-none" href="/icons/server/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-server" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M13 2c0-1.105-2.239-2-5-2S3 .895 3 2s2.239 2 5 2 5-.895 5-2z"/>
-  <path d="M13 3.75c-.322.24-.698.435-1.093.593C10.857 4.763 9.475 5 8 5s-2.857-.237-3.907-.657A4.881 4.881 0 0 1 3 3.75V6c0 1.105 2.239 2 5 2s5-.895 5-2V3.75z"/>
-  <path d="M13 7.75c-.322.24-.698.435-1.093.593C10.857 8.763 9.475 9 8 9s-2.857-.237-3.907-.657A4.881 4.881 0 0 1 3 7.75V10c0 1.105 2.239 2 5 2s5-.895 5-2V7.75z"/>
-  <path d="M13 11.75c-.322.24-.698.435-1.093.593-1.05.42-2.432.657-3.907.657s-2.857-.237-3.907-.657A4.883 4.883 0 0 1 3 11.75V14c0 1.105 2.239 2 5 2s5-.895 5-2v-2.25z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#server"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Server
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="share link">
+        <a class="d-block text-dark text-decoration-none" href="/icons/share-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#share-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Share fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="share link">
+        <a class="d-block text-dark text-decoration-none" href="/icons/share/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#share"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Share
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="privacy security">
+        <a class="d-block text-dark text-decoration-none" href="/icons/shield-check/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-check"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Shield check
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="privacy security">
+        <a class="d-block text-dark text-decoration-none" href="/icons/shield-exclamation/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-exclamation"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Shield exclamation
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="privacy security">
+        <a class="d-block text-dark text-decoration-none" href="/icons/shield-fill-check/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-fill-check"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Shield fill check
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="privacy security">
+        <a class="d-block text-dark text-decoration-none" href="/icons/shield-fill-exclamation/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-fill-exclamation"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Shield fill exclamation
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="privacy security">
+        <a class="d-block text-dark text-decoration-none" href="/icons/shield-fill-minus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-fill-minus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Shield fill minus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="privacy security">
+        <a class="d-block text-dark text-decoration-none" href="/icons/shield-fill-plus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-fill-plus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Shield fill plus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="privacy security">
         <a class="d-block text-dark text-decoration-none" href="/icons/shield-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shield-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.187 1.025C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 0 1 2.772.815c.528.168.926.623 1.003 1.184.573 4.197-.756 7.307-2.367 9.365a11.191 11.191 0 0 1-2.418 2.3 6.942 6.942 0 0 1-1.007.586c-.27.124-.558.225-.796.225s-.526-.101-.796-.225a6.908 6.908 0 0 1-1.007-.586 11.192 11.192 0 0 1-2.417-2.3C2.167 10.331.839 7.221 1.412 3.024A1.454 1.454 0 0 1 2.415 1.84a61.11 61.11 0 0 1 2.772-.815z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shield fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="privacy security lock">
         <a class="d-block text-dark text-decoration-none" href="/icons/shield-lock-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shield-lock-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.187 1.025C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 0 1 2.772.815c.528.168.926.623 1.003 1.184.573 4.197-.756 7.307-2.367 9.365a11.191 11.191 0 0 1-2.418 2.3 6.942 6.942 0 0 1-1.007.586c-.27.124-.558.225-.796.225s-.526-.101-.796-.225a6.908 6.908 0 0 1-1.007-.586 11.192 11.192 0 0 1-2.417-2.3C2.167 10.331.839 7.221 1.412 3.024A1.454 1.454 0 0 1 2.415 1.84a61.11 61.11 0 0 1 2.772-.815zm3.328 6.884a1.5 1.5 0 1 0-1.06-.011.5.5 0 0 0-.044.136l-.333 2a.5.5 0 0 0 .493.582h.835a.5.5 0 0 0 .493-.585l-.347-2a.5.5 0 0 0-.037-.122z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-lock-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shield lock fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="privacy security lock">
         <a class="d-block text-dark text-decoration-none" href="/icons/shield-lock/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shield-lock" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.443 1.991a60.17 60.17 0 0 0-2.725.802.454.454 0 0 0-.315.366C1.87 7.056 3.1 9.9 4.567 11.773c.736.94 1.533 1.636 2.197 2.093.333.228.626.394.857.5.116.053.21.089.282.11A.73.73 0 0 0 8 14.5c.007-.001.038-.005.097-.023.072-.022.166-.058.282-.111.23-.106.525-.272.857-.5a10.197 10.197 0 0 0 2.197-2.093C12.9 9.9 14.13 7.056 13.597 3.159a.454.454 0 0 0-.315-.366c-.626-.2-1.682-.526-2.725-.802C9.491 1.71 8.51 1.5 8 1.5c-.51 0-1.49.21-2.557.491zm-.256-.966C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 0 1 2.772.815c.528.168.926.623 1.003 1.184.573 4.197-.756 7.307-2.367 9.365a11.191 11.191 0 0 1-2.418 2.3 6.942 6.942 0 0 1-1.007.586c-.27.124-.558.225-.796.225s-.526-.101-.796-.225a6.908 6.908 0 0 1-1.007-.586 11.192 11.192 0 0 1-2.417-2.3C2.167 10.331.839 7.221 1.412 3.024A1.454 1.454 0 0 1 2.415 1.84a61.11 61.11 0 0 1 2.772-.815z"/>
-  <path d="M9.5 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
-  <path d="M7.411 8.034a.5.5 0 0 1 .493-.417h.156a.5.5 0 0 1 .492.414l.347 2a.5.5 0 0 1-.493.585h-.835a.5.5 0 0 1-.493-.582l.333-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-lock"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shield lock
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="privacy security">
+        <a class="d-block text-dark text-decoration-none" href="/icons/shield-minus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-minus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Shield minus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="privacy security">
+        <a class="d-block text-dark text-decoration-none" href="/icons/shield-plus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-plus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Shield plus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="privacy security">
         <a class="d-block text-dark text-decoration-none" href="/icons/shield-shaded/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shield-shaded" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.443 1.991a60.17 60.17 0 0 0-2.725.802.454.454 0 0 0-.315.366C1.87 7.056 3.1 9.9 4.567 11.773c.736.94 1.533 1.636 2.197 2.093.333.228.626.394.857.5.116.053.21.089.282.11A.73.73 0 0 0 8 14.5c.007-.001.038-.005.097-.023.072-.022.166-.058.282-.111.23-.106.525-.272.857-.5a10.197 10.197 0 0 0 2.197-2.093C12.9 9.9 14.13 7.056 13.597 3.159a.454.454 0 0 0-.315-.366c-.626-.2-1.682-.526-2.725-.802C9.491 1.71 8.51 1.5 8 1.5c-.51 0-1.49.21-2.557.491zm-.256-.966C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 0 1 2.772.815c.528.168.926.623 1.003 1.184.573 4.197-.756 7.307-2.367 9.365a11.191 11.191 0 0 1-2.418 2.3 6.942 6.942 0 0 1-1.007.586c-.27.124-.558.225-.796.225s-.526-.101-.796-.225a6.908 6.908 0 0 1-1.007-.586 11.192 11.192 0 0 1-2.417-2.3C2.167 10.331.839 7.221 1.412 3.024A1.454 1.454 0 0 1 2.415 1.84a61.11 61.11 0 0 1 2.772-.815z"/>
-  <path d="M8 2.25c.909 0 3.188.685 4.254 1.022a.94.94 0 0 1 .656.773c.814 6.424-4.13 9.452-4.91 9.452V2.25z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-shaded"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shield shaded
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shield badge">
         <a class="d-block text-dark text-decoration-none" href="/icons/shield-slash-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shield-slash-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1.357 3.478c-.42 3.969.87 6.928 2.423 8.911a11.192 11.192 0 0 0 2.417 2.3c.371.256.715.451 1.007.586.27.124.558.225.796.225s.527-.101.796-.225c.292-.135.636-.33 1.007-.586.466-.32.983-.74 1.502-1.263L1.357 3.478zm11.787 7.545c1.145-1.984 1.902-4.644 1.444-8a1.454 1.454 0 0 0-1.003-1.183 61.09 61.09 0 0 0-2.772-.815C9.77.749 8.663.5 8 .5c-.662 0-1.77.249-2.813.525-.548.145-1.1.303-1.59.45l9.547 9.548z"/>
-  <path fill-rule="evenodd" d="M14.646 15.354l-14-14 .708-.708 14 14-.707.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-slash-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shield slash fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shield badge">
         <a class="d-block text-dark text-decoration-none" href="/icons/shield-slash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shield-slash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1.357 3.478c-.42 3.969.87 6.928 2.423 8.911a11.192 11.192 0 0 0 2.417 2.3c.371.256.715.451 1.007.586.27.124.558.225.796.225s.527-.101.796-.225c.292-.135.636-.33 1.007-.586.466-.32.983-.74 1.502-1.263l-.707-.707a9.692 9.692 0 0 1-1.362 1.147 5.934 5.934 0 0 1-.857.5c-.116.053-.21.089-.282.11A.73.73 0 0 1 8 14.5c-.007-.001-.038-.005-.097-.023a2.273 2.273 0 0 1-.282-.111 5.934 5.934 0 0 1-.857-.5 10.197 10.197 0 0 1-2.197-2.093C3.262 10.107 2.145 7.672 2.289 4.41l-.932-.932zm11.053 6.81c.971-1.785 1.594-4.15 1.187-7.129a.454.454 0 0 0-.315-.366c-.626-.2-1.682-.526-2.725-.802C9.491 1.71 8.51 1.5 8 1.5c-.51 0-1.49.21-2.557.491a45.4 45.4 0 0 0-1.041.29l-.806-.806a52.727 52.727 0 0 1 1.591-.45C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 0 1 2.772.815c.528.168.926.623 1.003 1.184.458 3.355-.299 6.015-1.444 7.999l-.735-.735z"/>
-  <path fill-rule="evenodd" d="M14.646 15.354l-14-14 .708-.708 14 14-.707.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield-slash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shield slash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="privacy security">
         <a class="d-block text-dark text-decoration-none" href="/icons/shield/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shield" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.443 1.991a60.17 60.17 0 0 0-2.725.802.454.454 0 0 0-.315.366C1.87 7.056 3.1 9.9 4.567 11.773c.736.94 1.533 1.636 2.197 2.093.333.228.626.394.857.5.116.053.21.089.282.11A.73.73 0 0 0 8 14.5c.007-.001.038-.005.097-.023.072-.022.166-.058.282-.111.23-.106.525-.272.857-.5a10.197 10.197 0 0 0 2.197-2.093C12.9 9.9 14.13 7.056 13.597 3.159a.454.454 0 0 0-.315-.366c-.626-.2-1.682-.526-2.725-.802C9.491 1.71 8.51 1.5 8 1.5c-.51 0-1.49.21-2.557.491zm-.256-.966C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 0 1 2.772.815c.528.168.926.623 1.003 1.184.573 4.197-.756 7.307-2.367 9.365a11.191 11.191 0 0 1-2.418 2.3 6.942 6.942 0 0 1-1.007.586c-.27.124-.558.225-.796.225s-.526-.101-.796-.225a6.908 6.908 0 0 1-1.007-.586 11.192 11.192 0 0 1-2.417-2.3C2.167 10.331.839 7.221 1.412 3.024A1.454 1.454 0 0 1 2.415 1.84a61.11 61.11 0 0 1 2.772-.815z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shield"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shield
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="key">
         <a class="d-block text-dark text-decoration-none" href="/icons/shift-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shift-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.27 2.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H11.5v3a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-3H1.654C.78 10.5.326 9.455.924 8.816L7.27 2.047z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shift-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shift fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="key">
         <a class="d-block text-dark text-decoration-none" href="/icons/shift/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shift" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.27 2.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H11.5v3a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-3H1.654C.78 10.5.326 9.455.924 8.816L7.27 2.047zM14.346 9.5L8 2.731 1.654 9.5H4.5a1 1 0 0 1 1 1v3h5v-3a1 1 0 0 1 1-1h2.846z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shift"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shift
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shop store market marketplace shopping retail">
         <a class="d-block text-dark text-decoration-none" href="/icons/shop-window/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shop-window" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.12 1.175A.5.5 0 0 1 3.5 1h9a.5.5 0 0 1 .38.175l2.759 3.219A1.5 1.5 0 0 1 16 5.37v.13h-1v-.13a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.13H0v-.13a1.5 1.5 0 0 1 .361-.976l2.76-3.22z"/>
-  <path d="M2.375 6.875c.76 0 1.375-.616 1.375-1.375h1a1.375 1.375 0 0 0 2.75 0h1a1.375 1.375 0 0 0 2.75 0h1a1.375 1.375 0 1 0 2.75 0h1a2.375 2.375 0 0 1-4.25 1.458 2.371 2.371 0 0 1-1.875.917A2.37 2.37 0 0 1 8 6.958a2.37 2.37 0 0 1-1.875.917 2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.5h1c0 .76.616 1.375 1.375 1.375z"/>
-  <path d="M4.75 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm3.75 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm3.75 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM2 8.854V15h12V8.854a3.354 3.354 0 0 0 1-.27V15h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V8.583c.311.14.647.232 1 .271zm0-1.008V7H1v.437c.291.207.632.35 1 .409zm13-.409c-.291.207-.632.35-1 .409V7h1v.437z"/>
-  <path d="M4 13V9H3v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9h-1v4H4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shop-window"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shop window
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shop store market marketplace shopping retail">
         <a class="d-block text-dark text-decoration-none" href="/icons/shop/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shop" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 15.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5zM3.12 1.175A.5.5 0 0 1 3.5 1h9a.5.5 0 0 1 .38.175l2.759 3.219A1.5 1.5 0 0 1 16 5.37v.13h-1v-.13a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.13H0v-.13a1.5 1.5 0 0 1 .361-.976l2.76-3.22z"/>
-  <path d="M2.375 6.875c.76 0 1.375-.616 1.375-1.375h1a1.375 1.375 0 0 0 2.75 0h1a1.375 1.375 0 0 0 2.75 0h1a1.375 1.375 0 1 0 2.75 0h1a2.375 2.375 0 0 1-4.25 1.458 2.371 2.371 0 0 1-1.875.917A2.37 2.37 0 0 1 8 6.958a2.37 2.37 0 0 1-1.875.917 2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.5h1c0 .76.616 1.375 1.375 1.375z"/>
-  <path d="M4.75 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm3.75 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm3.75 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/>
-  <path fill-rule="evenodd" d="M2 7.846V7H1v.437c.291.207.632.35 1 .409zm-1 .737c.311.14.647.232 1 .271V15H1V8.583zm13 .271a3.354 3.354 0 0 0 1-.27V15h-1V8.854zm1-1.417c-.291.207-.632.35-1 .409V7h1v.437zM3 9.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5V15H7v-5H4v5H3V9.5zm6 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4zm1 .5v3h2v-3h-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shop"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shop
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shuffle random">
         <a class="d-block text-dark text-decoration-none" href="/icons/shuffle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-shuffle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12.646 1.146a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L14.793 4l-2.147-2.146a.5.5 0 0 1 0-.708zm0 8a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L14.793 12l-2.147-2.146a.5.5 0 0 1 0-.708z"/>
-  <path fill-rule="evenodd" d="M0 4a.5.5 0 0 1 .5-.5h2c3.053 0 4.564 2.258 5.856 4.226l.08.123c.636.97 1.224 1.865 1.932 2.539.718.682 1.538 1.112 2.632 1.112h2a.5.5 0 0 1 0 1h-2c-1.406 0-2.461-.57-3.321-1.388-.795-.755-1.441-1.742-2.055-2.679l-.105-.159C6.186 6.242 4.947 4.5 2.5 4.5h-2A.5.5 0 0 1 0 4z"/>
-  <path fill-rule="evenodd" d="M0 12a.5.5 0 0 0 .5.5h2c3.053 0 4.564-2.258 5.856-4.226l.08-.123c.636-.97 1.224-1.865 1.932-2.539C11.086 4.93 11.906 4.5 13 4.5h2a.5.5 0 0 0 0-1h-2c-1.406 0-2.461.57-3.321 1.388-.795.755-1.441 1.742-2.055 2.679l-.105.159C6.186 9.758 4.947 11.5 2.5 11.5h-2a.5.5 0 0 0-.5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#shuffle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Shuffle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="milestone sign road sign street sign directions">
+        <a class="d-block text-dark text-decoration-none" href="/icons/signpost-2-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#signpost-2-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Signpost 2 fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="milestone sign road sign street sign directions">
+        <a class="d-block text-dark text-decoration-none" href="/icons/signpost-2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#signpost-2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Signpost 2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="milestone sign road sign street sign directions">
+        <a class="d-block text-dark text-decoration-none" href="/icons/signpost-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#signpost-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Signpost fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="milestone sign road sign street sign directions">
+        <a class="d-block text-dark text-decoration-none" href="/icons/signpost-split-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#signpost-split-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Signpost split fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="milestone sign road sign street sign directions">
+        <a class="d-block text-dark text-decoration-none" href="/icons/signpost-split/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#signpost-split"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Signpost split
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="milestone sign road sign street sign directions">
+        <a class="d-block text-dark text-decoration-none" href="/icons/signpost/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#signpost"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Signpost
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mobile carrier">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sim-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sim-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sim fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mobile carrier">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sim/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sim"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sim
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/skip-backward-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-skip-backward-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.5 3.5A.5.5 0 0 0 0 4v8a.5.5 0 0 0 1 0V4a.5.5 0 0 0-.5-.5z"/>
-  <path d="M.904 8.697l6.363 3.692c.54.313 1.233-.066 1.233-.697V4.308c0-.63-.692-1.01-1.233-.696L.904 7.304a.802.802 0 0 0 0 1.393z"/>
-  <path d="M8.404 8.697l6.363 3.692c.54.313 1.233-.066 1.233-.697V4.308c0-.63-.693-1.01-1.233-.696L8.404 7.304a.802.802 0 0 0 0 1.393z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#skip-backward-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Skip backward fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/skip-backward/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-skip-backward" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.5 3.5A.5.5 0 0 1 1 4v3.248l6.267-3.636c.52-.302 1.233.043 1.233.696v2.94l6.267-3.636c.52-.302 1.233.043 1.233.696v7.384c0 .653-.713.998-1.233.696L8.5 8.752v2.94c0 .653-.713.998-1.233.696L1 8.752V12a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5zm7 1.133L1.696 8 7.5 11.367V4.633zm7.5 0L9.196 8 15 11.367V4.633z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#skip-backward"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Skip backward
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/skip-end-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-skip-end-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z"/>
-  <path d="M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#skip-end-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Skip end fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/skip-end/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-skip-end" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z"/>
-  <path fill-rule="evenodd" d="M10.804 8L5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#skip-end"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Skip end
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/skip-forward-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-skip-forward-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M15.5 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z"/>
-  <path d="M7.596 8.697l-6.363 3.692C.693 12.702 0 12.322 0 11.692V4.308c0-.63.693-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
-  <path d="M15.096 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.693-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#skip-forward-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Skip forward fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/skip-forward/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-skip-forward" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M15.5 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V8.752l-6.267 3.636c-.52.302-1.233-.043-1.233-.696v-2.94l-6.267 3.636C.713 12.69 0 12.345 0 11.692V4.308c0-.653.713-.998 1.233-.696L7.5 7.248v-2.94c0-.653.713-.998 1.233-.696L15 7.248V4a.5.5 0 0 1 .5-.5zM1 4.633v6.734L6.804 8 1 4.633zm7.5 0v6.734L14.304 8 8.5 4.633z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#skip-forward"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Skip forward
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/skip-start-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-skip-start-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.5 3.5A.5.5 0 0 0 4 4v8a.5.5 0 0 0 1 0V4a.5.5 0 0 0-.5-.5z"/>
-  <path d="M4.903 8.697l6.364 3.692c.54.313 1.232-.066 1.232-.697V4.308c0-.63-.692-1.01-1.232-.696L4.903 7.304a.802.802 0 0 0 0 1.393z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#skip-start-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Skip start fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/skip-start/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-skip-start" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.5 3.5A.5.5 0 0 0 4 4v8a.5.5 0 0 0 1 0V4a.5.5 0 0 0-.5-.5z"/>
-  <path fill-rule="evenodd" d="M5.696 8L11.5 4.633v6.734L5.696 8zm-.792-.696a.802.802 0 0 0 0 1.392l6.363 3.692c.52.302 1.233-.043 1.233-.696V4.308c0-.653-.713-.998-1.233-.696L4.904 7.304z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#skip-start"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Skip start
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape stop ban false">
         <a class="d-block text-dark text-decoration-none" href="/icons/slash-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-slash-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-4.146-3.146a.5.5 0 0 0-.708-.708l-7 7a.5.5 0 0 0 .708.708l7-7z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#slash-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Slash circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape stop ban false">
         <a class="d-block text-dark text-decoration-none" href="/icons/slash-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-slash-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#slash-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Slash circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape stop ban false">
         <a class="d-block text-dark text-decoration-none" href="/icons/slash-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-slash-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm9.854 4.854a.5.5 0 0 0-.708-.708l-7 7a.5.5 0 0 0 .708.708l7-7z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#slash-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Slash square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape stop ban false">
         <a class="d-block text-dark text-decoration-none" href="/icons/slash-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-slash-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#slash-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Slash square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape stop ban false">
         <a class="d-block text-dark text-decoration-none" href="/icons/slash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-slash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#slash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Slash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="equalizer settings preferences dials">
         <a class="d-block text-dark text-decoration-none" href="/icons/sliders/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-sliders" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M0 0h16v16H0z"/>
-  <path fill-rule="evenodd" d="M14 3.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zM11.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM7 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zM4.5 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm9.5 3.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zM11.5 15a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
-  <path fill-rule="evenodd" d="M9.5 4H0V3h9.5v1zM16 4h-2.5V3H16v1zM9.5 14H0v-1h9.5v1zm6.5 0h-2.5v-1H16v1zM6.5 9H16V8H6.5v1zM0 9h2.5V8H0v1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sliders"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Sliders
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="watch wearables">
+        <a class="d-block text-dark text-decoration-none" href="/icons/smartwatch/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#smartwatch"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Smartwatch
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-alpha-down-alt/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-alpha-down-alt"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort alpha down alt
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-alpha-down/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-alpha-down"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort alpha down
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-alpha-up-alt/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-alpha-up-alt"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort alpha up alt
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-alpha-up/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-alpha-up"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort alpha up
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-down-alt/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-down-alt"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort down alt
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-down/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-down"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort down
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-numeric-down-alt/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-numeric-down-alt"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort numeric down alt
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-numeric-down/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-numeric-down"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort numeric down
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-numeric-up-alt/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-numeric-up-alt"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort numeric up alt
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-numeric-up/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-numeric-up"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort numeric up
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-up-alt/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-up-alt"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort up alt
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="sort filter organize">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sort-up/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sort-up"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sort up
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="audio sound wave">
         <a class="d-block text-dark text-decoration-none" href="/icons/soundwave/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-soundwave" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5zm-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zm-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5zm12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#soundwave"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Soundwave
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/speaker/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-speaker" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-2.5 6.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0z"/>
-  <path fill-rule="evenodd" d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm6 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 7a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#speaker"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Speaker
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="spelling grammar">
+        <a class="d-block text-dark text-decoration-none" href="/icons/spellcheck/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#spellcheck"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Spellcheck
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="shape rectangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <rect width="16" height="16" rx="2"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape rectangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/square-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-square-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H8V1zm6-1a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#square-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Square half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape rectangle">
         <a class="d-block text-dark text-decoration-none" href="/icons/square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape like favorite">
         <a class="d-block text-dark text-decoration-none" href="/icons/star-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-star-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#star-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Star fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape like favorite">
         <a class="d-block text-dark text-decoration-none" href="/icons/star-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-star-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.354 5.119L7.538.792A.516.516 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.537.537 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.519.519 0 0 1-.146.05c-.341.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.171-.403.59.59 0 0 1 .084-.302.513.513 0 0 1 .37-.245l4.898-.696zM8 12.027c.08 0 .16.018.232.056l3.686 1.894-.694-3.957a.564.564 0 0 1 .163-.505l2.906-2.77-4.052-.576a.525.525 0 0 1-.393-.288L8.002 2.223 8 2.226v9.8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#star-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Star half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape like favorite">
         <a class="d-block text-dark text-decoration-none" href="/icons/star/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-star" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.523-3.356c.329-.314.158-.888-.283-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767l-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288l1.847-3.658 1.846 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.564.564 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#star"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Star
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="postit note sticky">
+        <a class="d-block text-dark text-decoration-none" href="/icons/stickies-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#stickies-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Stickies fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="postit note sticky">
+        <a class="d-block text-dark text-decoration-none" href="/icons/stickies/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#stickies"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Stickies
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="postit note sticky">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sticky-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sticky-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sticky fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="postit note sticky">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sticky/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sticky"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sticky
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/stop-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-stop-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5 3.5h6A1.5 1.5 0 0 1 12.5 5v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 11V5A1.5 1.5 0 0 1 5 3.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#stop-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Stop fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av">
         <a class="d-block text-dark text-decoration-none" href="/icons/stop/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-stop" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.5 5A1.5 1.5 0 0 1 5 3.5h6A1.5 1.5 0 0 1 12.5 5v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 11V5zM5 4.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5H5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#stop"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Stop
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="traffic lights intersection">
+        <a class="d-block text-dark text-decoration-none" href="/icons/stoplights-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#stoplights-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Stoplights fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="traffic lights intersection">
+        <a class="d-block text-dark text-decoration-none" href="/icons/stoplights/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#stoplights"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Stoplights
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="time timer">
         <a class="d-block text-dark text-decoration-none" href="/icons/stopwatch-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-stopwatch-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5.5.5A.5.5 0 0 1 6 0h4a.5.5 0 0 1 0 1H9v1.07A7.002 7.002 0 0 1 8 16 7 7 0 0 1 7 2.07V1H6a.5.5 0 0 1-.5-.5zm3 4.5a.5.5 0 0 0-1 0v3.5h-3a.5.5 0 0 0 0 1H8a.5.5 0 0 0 .5-.5V5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#stopwatch-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Stopwatch fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="time timer">
         <a class="d-block text-dark text-decoration-none" href="/icons/stopwatch/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-stopwatch" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A6 6 0 1 0 8 3a6 6 0 0 0 0 12zm0 1A7 7 0 1 0 8 2a7 7 0 0 0 0 14z"/>
-  <path fill-rule="evenodd" d="M8 4.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H4.5a.5.5 0 0 1 0-1h3V5a.5.5 0 0 1 .5-.5zM5.5.5A.5.5 0 0 1 6 0h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
-  <path d="M7 1h2v2H7V1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#stopwatch"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Stopwatch
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="graphics vector merge layers">
         <a class="d-block text-dark text-decoration-none" href="/icons/subtract/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-subtract" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 12v2.5A1.5 1.5 0 0 0 5.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 4H12v6.5a1.5 1.5 0 0 1-1.5 1.5H4z"/>
-  <path fill-rule="evenodd" d="M10.5 1h-9a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-9-1A1.5 1.5 0 0 0 0 1.5v9A1.5 1.5 0 0 0 1.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 10.5 0h-9z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#subtract"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Subtract
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="card cards suit deck gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/suit-club-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#suit-club-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Suit club fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="card cards suit deck gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/suit-club/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#suit-club"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Suit club
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="card cards suit deck gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/suit-diamond-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#suit-diamond-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Suit diamond fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="card cards suit deck gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/suit-diamond/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#suit-diamond"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Suit diamond
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="card cards suit deck gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/suit-heart-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#suit-heart-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Suit heart fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="card cards suit deck gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/suit-heart/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#suit-heart"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Suit heart
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="card cards suit deck gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/suit-spade-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#suit-spade-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Suit spade fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="card cards suit deck gambling">
+        <a class="d-block text-dark text-decoration-none" href="/icons/suit-spade/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#suit-spade"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Suit spade
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="solar weather">
         <a class="d-block text-dark text-decoration-none" href="/icons/sun/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-sun" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3.5 8a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0z"/>
-  <path fill-rule="evenodd" d="M8.202.28a.25.25 0 0 0-.404 0l-.91 1.255a.25.25 0 0 1-.334.067L5.232.79a.25.25 0 0 0-.374.155l-.36 1.508a.25.25 0 0 1-.282.19l-1.532-.245a.25.25 0 0 0-.286.286l.244 1.532a.25.25 0 0 1-.189.282l-1.509.36a.25.25 0 0 0-.154.374l.812 1.322a.25.25 0 0 1-.067.333l-1.256.91a.25.25 0 0 0 0 .405l1.256.91a.25.25 0 0 1 .067.334L.79 10.768a.25.25 0 0 0 .154.374l1.51.36a.25.25 0 0 1 .188.282l-.244 1.532a.25.25 0 0 0 .286.286l1.532-.244a.25.25 0 0 1 .282.189l.36 1.508a.25.25 0 0 0 .374.155l1.322-.812a.25.25 0 0 1 .333.067l.91 1.256a.25.25 0 0 0 .405 0l.91-1.256a.25.25 0 0 1 .334-.067l1.322.812a.25.25 0 0 0 .374-.155l.36-1.508a.25.25 0 0 1 .282-.19l1.532.245a.25.25 0 0 0 .286-.286l-.244-1.532a.25.25 0 0 1 .189-.282l1.508-.36a.25.25 0 0 0 .155-.374l-.812-1.322a.25.25 0 0 1 .067-.333l1.256-.91a.25.25 0 0 0 0-.405l-1.256-.91a.25.25 0 0 1-.067-.334l.812-1.322a.25.25 0 0 0-.155-.374l-1.508-.36a.25.25 0 0 1-.19-.282l.245-1.532a.25.25 0 0 0-.286-.286l-1.532.244a.25.25 0 0 1-.282-.189l-.36-1.508a.25.25 0 0 0-.374-.155l-1.322.812a.25.25 0 0 1-.333-.067L8.203.28zM8 2.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sun"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Sun
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shades cool aviators">
+        <a class="d-block text-dark text-decoration-none" href="/icons/sunglasses/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#sunglasses"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Sunglasses
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="spreadsheet">
         <a class="d-block text-dark text-decoration-none" href="/icons/table/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-table" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M15 4H1V3h14v1z"/>
-  <path fill-rule="evenodd" d="M5 15.5v-14h1v14H5zm5 0v-14h1v14h-1z"/>
-  <path fill-rule="evenodd" d="M15 8H1V7h14v1zm0 4H1v-1h14v1z"/>
-  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2H0V2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#table"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Table
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mobile">
+        <a class="d-block text-dark text-decoration-none" href="/icons/tablet-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tablet-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Tablet fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mobile">
+        <a class="d-block text-dark text-decoration-none" href="/icons/tablet-landscape-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tablet-landscape-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Tablet landscape fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="mobile">
         <a class="d-block text-dark text-decoration-none" href="/icons/tablet-landscape/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-tablet-landscape" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1 4v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1zm-1 8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v8z"/>
-  <path fill-rule="evenodd" d="M14 8a1 1 0 1 0-2 0 1 1 0 0 0 2 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tablet-landscape"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Tablet landscape
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="mobile">
         <a class="d-block text-dark text-decoration-none" href="/icons/tablet/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-tablet" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M12 1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/>
-  <path fill-rule="evenodd" d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tablet"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Tablet
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="price category taxonomy">
         <a class="d-block text-dark text-decoration-none" href="/icons/tag-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-tag-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1H2zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tag-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Tag fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="price category taxonomy">
         <a class="d-block text-dark text-decoration-none" href="/icons/tag/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-tag" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.5 2A1.5 1.5 0 0 1 2 .5h4.586a1.5 1.5 0 0 1 1.06.44l7 7a1.5 1.5 0 0 1 0 2.12l-4.585 4.586a1.5 1.5 0 0 1-2.122 0l-7-7A1.5 1.5 0 0 1 .5 6.586V2zM2 1.5a.5.5 0 0 0-.5.5v4.586a.5.5 0 0 0 .146.353l7 7a.5.5 0 0 0 .708 0l4.585-4.585a.5.5 0 0 0 0-.708l-7-7a.5.5 0 0 0-.353-.146H2z"/>
-  <path fill-rule="evenodd" d="M2.5 4.5a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm2-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tag"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Tag
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="price category taxonomy">
+        <a class="d-block text-dark text-decoration-none" href="/icons/tags-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tags-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Tags fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="">
+        <a class="d-block text-dark text-decoration-none" href="/icons/tags/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tags"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Tags
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-forward-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-forward-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone forward fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-forward/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-forward"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone forward
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-inbound-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-inbound-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone inbound fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-inbound/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-inbound"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone inbound
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-minus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-minus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone minus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-minus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-minus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone minus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-outbound-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-outbound-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone outbound fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-outbound/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-outbound"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone outbound
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-plus-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-plus-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone plus fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-plus/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-plus"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone plus
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-x-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-x-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone x fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone-x/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone-x"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone x
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="telephone phone call">
+        <a class="d-block text-dark text-decoration-none" href="/icons/telephone/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#telephone"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Telephone
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="command-line cli command-prompt">
         <a class="d-block text-dark text-decoration-none" href="/icons/terminal-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-terminal-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3zm9.5 5.5h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zm-6.354-.354L4.793 6.5 3.146 4.854a.5.5 0 1 1 .708-.708l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#terminal-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Terminal fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="command-line cli command-prompt">
         <a class="d-block text-dark text-decoration-none" href="/icons/terminal/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-terminal" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M6 9a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 9zM3.146 4.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 1 1-.708-.708L4.793 6.5 3.146 4.854a.5.5 0 0 1 0-.708z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#terminal"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Terminal
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment">
         <a class="d-block text-dark text-decoration-none" href="/icons/text-center/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-text-center" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#text-center"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Text center
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment">
         <a class="d-block text-dark text-decoration-none" href="/icons/text-indent-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-text-indent-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708zM7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#text-indent-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Text indent left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment">
         <a class="d-block text-dark text-decoration-none" href="/icons/text-indent-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-text-indent-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm10.646 2.146a.5.5 0 0 1 .708.708L11.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zM2 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#text-indent-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Text indent right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment">
         <a class="d-block text-dark text-decoration-none" href="/icons/text-left/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-text-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#text-left"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Text left
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type justify alignment">
         <a class="d-block text-dark text-decoration-none" href="/icons/text-right/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-text-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#text-right"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Text right
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text form">
+        <a class="d-block text-dark text-decoration-none" href="/icons/textarea-resize/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#textarea-resize"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Textarea resize
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="text insert bounding-box">
         <a class="d-block text-dark text-decoration-none" href="/icons/textarea-t/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-textarea-t" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM2 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
-  <path fill-rule="evenodd" d="M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v4h-1v-4A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v4h-1v-4zm1 7v4a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-4h1v4A1.5 1.5 0 0 1 13 15H3a1.5 1.5 0 0 1-1.5-1.5v-4h1z"/>
-  <path d="M11.434 4H4.566L4.5 5.994h.386c.21-1.252.612-1.446 2.173-1.495l.343-.011v6.343c0 .537-.116.665-1.049.748V12h3.294v-.421c-.938-.083-1.054-.21-1.054-.748V4.488l.348.01c1.56.05 1.963.244 2.173 1.496h.386L11.434 4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#textarea-t"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Textarea t
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text insert bounding-box">
         <a class="d-block text-dark text-decoration-none" href="/icons/textarea/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-textarea" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM2 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
-  <path fill-rule="evenodd" d="M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v4h-1v-4A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v4h-1v-4zm1 7v4a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-4h1v4A1.5 1.5 0 0 1 13 15H3a1.5 1.5 0 0 1-1.5-1.5v-4h1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#textarea"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Textarea
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="temperature weather">
+        <a class="d-block text-dark text-decoration-none" href="/icons/thermometer-half/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#thermometer-half"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Thermometer half
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="temperature weather">
+        <a class="d-block text-dark text-decoration-none" href="/icons/thermometer/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#thermometer"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Thermometer
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="kebab more ellipsis">
         <a class="d-block text-dark text-decoration-none" href="/icons/three-dots-vertical/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-three-dots-vertical" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#three-dots-vertical"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Three dots vertical
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="kebab more ellipsis">
         <a class="d-block text-dark text-decoration-none" href="/icons/three-dots/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-three-dots" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#three-dots"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Three dots
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="toggle switch">
         <a class="d-block text-dark text-decoration-none" href="/icons/toggle-off/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-toggle-off" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11 4a4 4 0 0 1 0 8H8a4.992 4.992 0 0 0 2-4 4.992 4.992 0 0 0-2-4h3zm-6 8a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM0 8a5 5 0 0 0 5 5h6a5 5 0 0 0 0-10H5a5 5 0 0 0-5 5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#toggle-off"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Toggle off
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="toggle switch">
         <a class="d-block text-dark text-decoration-none" href="/icons/toggle-on/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-toggle-on" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M5 3a5 5 0 0 0 0 10h6a5 5 0 0 0 0-10H5zm6 9a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#toggle-on"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Toggle on
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="toggle switch">
+        <a class="d-block text-dark text-decoration-none" href="/icons/toggle2-off/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#toggle2-off"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Toggle2 off
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="toggle switch">
+        <a class="d-block text-dark text-decoration-none" href="/icons/toggle2-on/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#toggle2-on"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Toggle2 on
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="toggle switch">
         <a class="d-block text-dark text-decoration-none" href="/icons/toggles/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-toggles" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.5 1h-7a2.5 2.5 0 0 0 0 5h7a2.5 2.5 0 0 0 0-5zm-7-1a3.5 3.5 0 1 0 0 7h7a3.5 3.5 0 1 0 0-7h-7zm0 9a3.5 3.5 0 1 0 0 7h7a3.5 3.5 0 1 0 0-7h-7zm7 6a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
-  <path fill-rule="evenodd" d="M8 3.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0zM4.5 6a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#toggles"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Toggles
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="toggle switch">
+        <a class="d-block text-dark text-decoration-none" href="/icons/toggles2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#toggles2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Toggles2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="tool wrench screwdriver">
         <a class="d-block text-dark text-decoration-none" href="/icons/tools/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-tools" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 1l1-1 3.081 2.2a1 1 0 0 1 .419.815v.07a1 1 0 0 0 .293.708L10.5 9.5l.914-.305a1 1 0 0 1 1.023.242l3.356 3.356a1 1 0 0 1 0 1.414l-1.586 1.586a1 1 0 0 1-1.414 0l-3.356-3.356a1 1 0 0 1-.242-1.023L9.5 10.5 3.793 4.793a1 1 0 0 0-.707-.293h-.071a1 1 0 0 1-.814-.419L0 1zm11.354 9.646a.5.5 0 0 0-.708.708l3 3a.5.5 0 0 0 .708-.708l-3-3z"/>
-  <path fill-rule="evenodd" d="M15.898 2.223a3.003 3.003 0 0 1-3.679 3.674L5.878 12.15a3 3 0 1 1-2.027-2.027l6.252-6.341A3 3 0 0 1 13.778.1l-2.142 2.142L12 4l1.757.364 2.141-2.141zm-13.37 9.019L3.001 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tools"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Tools
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="trash-can garbage delete">
         <a class="d-block text-dark text-decoration-none" href="/icons/trash-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-trash-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#trash-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Trash fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="trash-can garbage delete">
         <a class="d-block text-dark text-decoration-none" href="/icons/trash/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-trash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
-  <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#trash"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Trash
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="trash-can garbage delete">
         <a class="d-block text-dark text-decoration-none" href="/icons/trash2-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-trash2-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2.037 3.225l1.684 10.104A2 2 0 0 0 5.694 15h4.612a2 2 0 0 0 1.973-1.671l1.684-10.104C13.627 4.224 11.085 5 8 5c-3.086 0-5.627-.776-5.963-1.775z"/>
-  <path fill-rule="evenodd" d="M12.9 3c-.18-.14-.497-.307-.974-.466C10.967 2.214 9.58 2 8 2s-2.968.215-3.926.534c-.477.16-.795.327-.975.466.18.14.498.307.975.466C5.032 3.786 6.42 4 8 4s2.967-.215 3.926-.534c.477-.16.795-.327.975-.466zM8 5c3.314 0 6-.895 6-2s-2.686-2-6-2-6 .895-6 2 2.686 2 6 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#trash2-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Trash2 fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="trash-can garbage delete">
         <a class="d-block text-dark text-decoration-none" href="/icons/trash2/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-trash2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3.18 4l1.528 9.164a1 1 0 0 0 .986.836h4.612a1 1 0 0 0 .986-.836L12.82 4H3.18zm.541 9.329A2 2 0 0 0 5.694 15h4.612a2 2 0 0 0 1.973-1.671L14 3H2l1.721 10.329z"/>
-  <path d="M14 3c0 1.105-2.686 2-6 2s-6-.895-6-2 2.686-2 6-2 6 .895 6 2z"/>
-  <path fill-rule="evenodd" d="M12.9 3c-.18-.14-.497-.307-.974-.466C10.967 2.214 9.58 2 8 2s-2.968.215-3.926.534c-.477.16-.795.327-.975.466.18.14.498.307.975.466C5.032 3.786 6.42 4 8 4s2.967-.215 3.926-.534c.477-.16.795-.327.975-.466zM8 5c3.314 0 6-.895 6-2s-2.686-2-6-2-6 .895-6 2 2.686 2 6 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#trash2"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Trash2
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="tree forrest">
+        <a class="d-block text-dark text-decoration-none" href="/icons/tree-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tree-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Tree fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="tree forrest">
+        <a class="d-block text-dark text-decoration-none" href="/icons/tree/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tree"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Tree
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="shape">
         <a class="d-block text-dark text-decoration-none" href="/icons/triangle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-triangle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767L7.022 1.566z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#triangle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Triangle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape">
         <a class="d-block text-dark text-decoration-none" href="/icons/triangle-half/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-triangle-half" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.065 2.016a.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.162.162 0 0 1-.054.06.115.115 0 0 1-.066.017l-6.856-.017V2a.13.13 0 0 1 .063.016zm-1.043-.45a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767L7.022 1.566z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#triangle-half"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Triangle half
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="shape">
         <a class="d-block text-dark text-decoration-none" href="/icons/triangle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-triangle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M7.938 2.016a.146.146 0 0 0-.054.057L1.027 13.74a.176.176 0 0 0-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 0 0 .066-.017.163.163 0 0 0 .055-.06.176.176 0 0 0-.003-.183L8.12 2.073a.146.146 0 0 0-.054-.057A.13.13 0 0 0 8.002 2a.13.13 0 0 0-.064.016zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#triangle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Triangle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="prize winning">
         <a class="d-block text-dark text-decoration-none" href="/icons/trophy/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-trophy" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3 1h10c-.495 3.467-.5 10-5 10S3.495 4.467 3 1zm0 15a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1H3zm2-1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1H5z"/>
-  <path fill-rule="evenodd" d="M12.5 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-3 2a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm-6-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-3 2a3 3 0 1 1 6 0 3 3 0 0 1-6 0z"/>
-  <path d="M7 10h2v4H7v-4z"/>
-  <path d="M10 11c0 .552-.895 1-2 1s-2-.448-2-1 .895-1 2-1 2 .448 2 1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#trophy"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Trophy
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="trucking shipping shipment transport deliver delivery">
         <a class="d-block text-dark text-decoration-none" href="/icons/truck-flatbed/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-truck-flatbed" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11 5h2.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5h-1v-1h1a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4.5h-1V5zm-8 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
-  <path fill-rule="evenodd" d="M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
-  <path d="M0 10h11v2H4.5v-1h-3v1H1a1 1 0 0 1-1-1v-1zm11-6a1 1 0 0 1 1 1v6h-1V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#truck-flatbed"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Truck flatbed
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="trucking shipping shipment transport deliver delivery">
         <a class="d-block text-dark text-decoration-none" href="/icons/truck/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-truck" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5v7h-1v-7a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5v1A1.5 1.5 0 0 1 0 10.5v-7zM4.5 11h6v1h-6v-1z"/>
-  <path fill-rule="evenodd" d="M11 5h2.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5h-1v-1h1a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4.5h-1V5zm-8 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
-  <path fill-rule="evenodd" d="M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#truck"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Truck
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="television monitor display">
         <a class="d-block text-dark text-decoration-none" href="/icons/tv-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-tv-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zM2 2h12s2 0 2 2v6s0 2-2 2H2s-2 0-2-2V4s0-2 2-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tv-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Tv fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="television monitor display">
         <a class="d-block text-dark text-decoration-none" href="/icons/tv/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-tv" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zM13.991 3H2c-.325 0-.502.078-.602.145a.758.758 0 0 0-.254.302A1.46 1.46 0 0 0 1 4.01V10c0 .325.078.502.145.602.07.105.17.188.302.254a1.464 1.464 0 0 0 .538.143L2.01 11H14c.325 0 .502-.078.602-.145a.758.758 0 0 0 .254-.302 1.464 1.464 0 0 0 .143-.538L15 9.99V4c0-.325-.078-.502-.145-.602a.757.757 0 0 0-.302-.254A1.46 1.46 0 0 0 13.99 3zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#tv"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Tv
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/type-bold/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-type-bold" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#type-bold"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Type bold
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type heading">
         <a class="d-block text-dark text-decoration-none" href="/icons/type-h1/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-type-h1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.637 13V3.669H7.379V7.62H2.758V3.67H1.5V13h1.258V8.728h4.62V13h1.259zm5.329 0V3.669h-1.244L10.5 5.316v1.265l2.16-1.565h.062V13h1.244z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#type-h1"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Type h1
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type heading">
         <a class="d-block text-dark text-decoration-none" href="/icons/type-h2/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-type-h2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.638 13V3.669H6.38V7.62H1.759V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.022-6.733v-.048c0-.889.63-1.668 1.716-1.668.957 0 1.675.608 1.675 1.572 0 .855-.554 1.504-1.067 2.085l-3.513 3.999V13H15.5v-1.094h-4.245v-.075l2.481-2.844c.875-.998 1.586-1.784 1.586-2.953 0-1.463-1.155-2.556-2.919-2.556-1.941 0-2.966 1.326-2.966 2.74v.049h1.223z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#type-h2"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Type h2
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type heading">
         <a class="d-block text-dark text-decoration-none" href="/icons/type-h3/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-type-h3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.625-4.272h1.018c1.142 0 1.935.67 1.949 1.674.013 1.005-.78 1.737-2.01 1.73-1.08-.007-1.853-.588-1.935-1.32H9.108c.069 1.327 1.224 2.386 3.083 2.386 1.935 0 3.343-1.155 3.309-2.789-.027-1.51-1.251-2.16-2.037-2.249v-.068c.704-.123 1.764-.91 1.723-2.229-.035-1.353-1.176-2.4-2.954-2.385-1.873.006-2.857 1.162-2.898 2.358h1.196c.062-.69.711-1.299 1.696-1.299.998 0 1.695.622 1.695 1.525.007.922-.718 1.592-1.695 1.592h-.964v1.074z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#type-h3"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Type h3
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/type-italic/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-type-italic" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.991 11.674L9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#type-italic"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Type italic
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/type-strikethrough/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-type-strikethrough" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.527 13.164c-2.153 0-3.589-1.107-3.705-2.81h1.23c.144 1.06 1.129 1.703 2.544 1.703 1.34 0 2.31-.705 2.31-1.675 0-.827-.547-1.374-1.914-1.675L8.046 8.5h3.45c.468.437.675.994.675 1.697 0 1.826-1.436 2.967-3.644 2.967zM6.602 6.5H5.167a2.776 2.776 0 0 1-.099-.76c0-1.627 1.436-2.768 3.48-2.768 1.969 0 3.39 1.175 3.445 2.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23 0-2.18.602-2.18 1.607 0 .31.083.581.27.814z"/>
-  <path fill-rule="evenodd" d="M15 8.5H1v-1h14v1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#type-strikethrough"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Type strikethrough
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/type-underline/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-type-underline" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57-1.709 0-2.687-1.08-2.687-2.57V3.136z"/>
-  <path fill-rule="evenodd" d="M12.5 15h-9v-1h9v1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#type-underline"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Type underline
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="text type">
         <a class="d-block text-dark text-decoration-none" href="/icons/type/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-type" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2.244 13.081l.943-2.803H6.66l.944 2.803H8.86L5.54 3.75H4.322L1 13.081h1.244zm2.7-7.923L6.34 9.314H3.51l1.4-4.156h.034zm9.146 7.027h.035v.896h1.128V8.125c0-1.51-1.114-2.345-2.646-2.345-1.736 0-2.59.916-2.666 2.174h1.108c.068-.718.595-1.19 1.517-1.19.971 0 1.518.52 1.518 1.464v.731H12.19c-1.647.007-2.522.8-2.522 2.058 0 1.319.957 2.18 2.345 2.18 1.06 0 1.716-.43 2.078-1.011zm-1.763.035c-.752 0-1.456-.397-1.456-1.244 0-.65.424-1.115 1.408-1.115h1.805v.834c0 .896-.752 1.525-1.757 1.525z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#type"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Type
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="checkbox form">
+        <a class="d-block text-dark text-decoration-none" href="/icons/ui-checks/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#ui-checks"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Ui checks
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="radio form">
+        <a class="d-block text-dark text-decoration-none" href="/icons/ui-radios/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#ui-radios"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Ui radios
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="graphics vector merge layers">
         <a class="d-block text-dark text-decoration-none" href="/icons/union/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-union" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 5.5A1.5 1.5 0 0 1 5.5 4h9A1.5 1.5 0 0 1 16 5.5v9a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 4 14.5v-9z"/>
-  <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h9A1.5 1.5 0 0 1 12 1.5v9a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 0 10.5v-9z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#union"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Union
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="privacy security">
         <a class="d-block text-dark text-decoration-none" href="/icons/unlock-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-unlock-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M.5 9a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9z"/>
-  <path fill-rule="evenodd" d="M8.5 4a3.5 3.5 0 1 1 7 0v3h-1V4a2.5 2.5 0 0 0-5 0v3h-1V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#unlock-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Unlock fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="privacy security">
         <a class="d-block text-dark text-decoration-none" href="/icons/unlock/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-unlock" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.655 8H2.333c-.264 0-.398.068-.471.121a.73.73 0 0 0-.224.296 1.626 1.626 0 0 0-.138.59V14c0 .342.076.531.14.635.064.106.151.18.256.237a1.122 1.122 0 0 0 .436.127l.013.001h7.322c.264 0 .398-.068.471-.121a.73.73 0 0 0 .224-.296 1.627 1.627 0 0 0 .138-.59V9c0-.342-.076-.531-.14-.635a.658.658 0 0 0-.255-.237A1.122 1.122 0 0 0 9.655 8zm.012-1H2.333C.5 7 .5 9 .5 9v5c0 2 1.833 2 1.833 2h7.334c1.833 0 1.833-2 1.833-2V9c0-2-1.833-2-1.833-2zM8.5 4a3.5 3.5 0 1 1 7 0v3h-1V4a2.5 2.5 0 0 0-5 0v3h-1V4z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#unlock"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Unlock
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="purchase barcode">
         <a class="d-block text-dark text-decoration-none" href="/icons/upc-scan/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-upc-scan" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z"/>
-  <path d="M3 4.5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-7zm3 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#upc-scan"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Upc scan
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="purchase barcode">
         <a class="d-block text-dark text-decoration-none" href="/icons/upc/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-upc" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3 4.5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-7zm3 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#upc"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Upc
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="arrow network">
         <a class="d-block text-dark text-decoration-none" href="/icons/upload/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-upload" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.5 8a.5.5 0 0 1 .5.5V12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.5a.5.5 0 0 1 1 0V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8.5A.5.5 0 0 1 .5 8zM5 4.854a.5.5 0 0 0 .707 0L8 2.56l2.293 2.293A.5.5 0 1 0 11 4.146L8.354 1.5a.5.5 0 0 0-.708 0L5 4.146a.5.5 0 0 0 0 .708z"/>
-  <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0v-8A.5.5 0 0 1 8 2z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#upload"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Upload
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="view rearrange">
         <a class="d-block text-dark text-decoration-none" href="/icons/view-list/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-view-list" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 4.5h10a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3zM1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 2zm0 12a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 14z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#view-list"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             View list
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="view rearrange">
         <a class="d-block text-dark text-decoration-none" href="/icons/view-stacked/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-view-stacked" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M3 0h10a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3zm0 8h10a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#view-stacked"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             View stacked
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="voicemail message telephone">
+        <a class="d-block text-dark text-decoration-none" href="/icons/voicemail/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#voicemail"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Voicemail
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="audio video av sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/volume-down-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-volume-down-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.717 3.55A.5.5 0 0 1 9 4v8a.5.5 0 0 1-.812.39L5.825 10.5H3.5A.5.5 0 0 1 3 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z"/>
-  <path d="M10.707 11.182A4.486 4.486 0 0 0 12.025 8a4.486 4.486 0 0 0-1.318-3.182L10 5.525A3.489 3.489 0 0 1 11.025 8c0 .966-.392 1.841-1.025 2.475l.707.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#volume-down-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Volume down fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/volume-down/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-volume-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.717 3.55A.5.5 0 0 1 9 4v8a.5.5 0 0 1-.812.39L5.825 10.5H3.5A.5.5 0 0 1 3 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zM8 5.04L6.312 6.39A.5.5 0 0 1 6 6.5H4v3h2a.5.5 0 0 1 .312.11L8 10.96V5.04z"/>
-  <path d="M10.707 11.182A4.486 4.486 0 0 0 12.025 8a4.486 4.486 0 0 0-1.318-3.182L10 5.525A3.489 3.489 0 0 1 11.025 8c0 .966-.392 1.841-1.025 2.475l.707.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#volume-down"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Volume down
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/volume-mute-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-volume-mute-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zm7.137 1.596a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708l4-4a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M9.146 5.146a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#volume-mute-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Volume mute fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/volume-mute/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-volume-mute" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zM6 5.04L4.312 6.39A.5.5 0 0 1 4 6.5H2v3h2a.5.5 0 0 1 .312.11L6 10.96V5.04zm7.854.606a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708l4-4a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M9.146 5.646a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#volume-mute"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Volume mute
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/volume-off-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-volume-off-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.717 3.55A.5.5 0 0 1 11 4v8a.5.5 0 0 1-.812.39L7.825 10.5H5.5A.5.5 0 0 1 5 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#volume-off-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Volume off fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/volume-off/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-volume-off" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M10.717 3.55A.5.5 0 0 1 11 4v8a.5.5 0 0 1-.812.39L7.825 10.5H5.5A.5.5 0 0 1 5 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zM10 5.04L8.312 6.39A.5.5 0 0 1 8 6.5H6v3h2a.5.5 0 0 1 .312.11L10 10.96V5.04z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#volume-off"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Volume off
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/volume-up-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-volume-up-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z"/>
-  <path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z"/>
-  <path d="M8.707 11.182A4.486 4.486 0 0 0 10.025 8a4.486 4.486 0 0 0-1.318-3.182L8 5.525A3.489 3.489 0 0 1 9.025 8 3.49 3.49 0 0 1 8 10.475l.707.707z"/>
-  <path fill-rule="evenodd" d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#volume-up-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Volume up fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="audio video av sound">
         <a class="d-block text-dark text-decoration-none" href="/icons/volume-up/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-volume-up" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zM6 5.04L4.312 6.39A.5.5 0 0 1 4 6.5H2v3h2a.5.5 0 0 1 .312.11L6 10.96V5.04z"/>
-  <path d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z"/>
-  <path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z"/>
-  <path d="M8.707 11.182A4.486 4.486 0 0 0 10.025 8a4.486 4.486 0 0 0-1.318-3.182L8 5.525A3.489 3.489 0 0 1 9.025 8 3.49 3.49 0 0 1 8 10.475l.707.707z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#volume-up"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Volume up
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="divider vertical-rule">
         <a class="d-block text-dark text-decoration-none" href="/icons/vr/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-vr" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3 12V4a1 1 0 0 1 1-1h2.5V2H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5v-1H4a1 1 0 0 1-1-1zm6.5 1v1H12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H9.5v1H12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H9.5z"/>
-  <path fill-rule="evenodd" d="M8 16a.5.5 0 0 1-.5-.5V.5a.5.5 0 0 1 1 0v15a.5.5 0 0 1-.5.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#vr"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Vr
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="cards money funds cash payment">
+        <a class="d-block text-dark text-decoration-none" href="/icons/wallet-fill/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#wallet-fill"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Wallet fill
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="cards money funds cash payment">
         <a class="d-block text-dark text-decoration-none" href="/icons/wallet/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-wallet" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 4v8.5A1.5 1.5 0 0 0 3.5 14h10a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 1 1 0v8a1.5 1.5 0 0 1-1.5 1.5h-10A2.5 2.5 0 0 1 1 12.5V4h1z"/>
-  <path fill-rule="evenodd" d="M1 4a2 2 0 0 1 2-2h11.5a.5.5 0 0 1 0 1H3a1 1 0 0 0 0 2h11.5v1H3a2 2 0 0 1-2-2z"/>
-  <path fill-rule="evenodd" d="M13 5V3h1v2h-1z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#wallet"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Wallet
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="cards money funds cash payment">
         <a class="d-block text-dark text-decoration-none" href="/icons/wallet2/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-wallet2" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2.5 4l10-3A1.5 1.5 0 0 1 14 2.5v2h-1v-2a.5.5 0 0 0-.5-.5L5.833 4H2.5z"/>
-  <path fill-rule="evenodd" d="M1 5.5A1.5 1.5 0 0 1 2.5 4h11A1.5 1.5 0 0 1 15 5.5v8a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5v-8zM2.5 5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-11z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#wallet2"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Wallet2
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="wearables clock">
         <a class="d-block text-dark text-decoration-none" href="/icons/watch/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-watch" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4 14.333v-1.86A5.985 5.985 0 0 1 2 8c0-1.777.772-3.374 2-4.472V1.667C4 .747 4.746 0 5.667 0h4.666C11.253 0 12 .746 12 1.667v1.86A5.985 5.985 0 0 1 14 8a5.985 5.985 0 0 1-2 4.472v1.861c0 .92-.746 1.667-1.667 1.667H5.667C4.747 16 4 15.254 4 14.333zM13 8A5 5 0 1 0 3 8a5 5 0 0 0 10 0z"/>
-  <rect width="1" height="2" x="13.5" y="7" rx=".5"/>
-  <path fill-rule="evenodd" d="M8 4.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5H6a.5.5 0 0 1 0-1h1.5V5a.5.5 0 0 1 .5-.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#watch"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Watch
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="internet network wireless">
+        <a class="d-block text-dark text-decoration-none" href="/icons/wifi-1/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#wifi-1"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Wifi 1
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="internet network wireless">
+        <a class="d-block text-dark text-decoration-none" href="/icons/wifi-2/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#wifi-2"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Wifi 2
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="internet network wireless">
+        <a class="d-block text-dark text-decoration-none" href="/icons/wifi-off/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#wifi-off"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Wifi off
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="internet network wireless">
         <a class="d-block text-dark text-decoration-none" href="/icons/wifi/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-wifi" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.858 11.858A1.991 1.991 0 0 1 8 11.5c.425 0 .818.132 1.142.358L8 13l-1.142-1.142z"/>
-  <path fill-rule="evenodd" d="M7.731 12.024l.269.269.269-.269a1.507 1.507 0 0 0-.538 0zm-1.159-.576A2.49 2.49 0 0 1 8 11c.53 0 1.023.165 1.428.448a.5.5 0 0 1 .068.763l-1.142 1.143a.5.5 0 0 1-.708 0L6.504 12.21a.5.5 0 0 1 .354-.853v.5l-.286-.41zM8 9.5a4.478 4.478 0 0 0-2.7.9.5.5 0 0 1-.6-.8c.919-.69 2.062-1.1 3.3-1.1s2.381.41 3.3 1.1a.5.5 0 0 1-.6.8A4.478 4.478 0 0 0 8 9.5zm0-3c-1.833 0-3.51.657-4.814 1.748a.5.5 0 0 1-.642-.766A8.468 8.468 0 0 1 8 5.5c2.076 0 3.98.745 5.456 1.982a.5.5 0 1 1-.642.766A7.468 7.468 0 0 0 8 6.5z"/>
-  <path fill-rule="evenodd" d="M8 3.5c-2.657 0-5.082.986-6.932 2.613a.5.5 0 1 1-.66-.75A11.458 11.458 0 0 1 8 2.5c2.91 0 5.567 1.081 7.592 2.862a.5.5 0 1 1-.66.751A10.458 10.458 0 0 0 8 3.5z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#wifi"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Wifi
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="app application">
         <a class="d-block text-dark text-decoration-none" href="/icons/window/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-window" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M15 6H1V5h14v1z"/>
-  <path d="M3 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm1.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm1.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#window"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Window
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="tool">
         <a class="d-block text-dark text-decoration-none" href="/icons/wrench/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-wrench" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M.102 2.223A3.004 3.004 0 0 0 3.78 5.897l6.341 6.252A3.003 3.003 0 0 0 13 16a3 3 0 1 0-.851-5.878L5.897 3.781A3.004 3.004 0 0 0 2.223.1l2.141 2.142L4 4l-1.757.364L.102 2.223zm13.37 9.019L13 11l-.471.242-.529.026-.287.445-.445.287-.026.529L11 13l.242.471.026.529.445.287.287.445.529.026L13 15l.471-.242.529-.026.287-.445.445-.287.026-.529L15 13l-.242-.471-.026-.529-.445-.287-.287-.445-.529-.026z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#wrench"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             Wrench
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="x delete reset clear">
         <a class="d-block text-dark text-decoration-none" href="/icons/x-circle-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-x-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-4.146-3.146a.5.5 0 0 0-.708-.708L8 7.293 4.854 4.146a.5.5 0 1 0-.708.708L7.293 8l-3.147 3.146a.5.5 0 0 0 .708.708L8 8.707l3.146 3.147a.5.5 0 0 0 .708-.708L8.707 8l3.147-3.146z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#x-circle-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             X circle fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="x delete reset clear">
         <a class="d-block text-dark text-decoration-none" href="/icons/x-circle/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-x-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-  <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#x-circle"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             X circle
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="x delete reset clear">
         <a class="d-block text-dark text-decoration-none" href="/icons/x-diamond-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-x-diamond-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L4.047 3.339 8 7.293l3.954-3.954L9.049.435zm3.61 3.611L8.708 8l3.954 3.954 2.904-2.905c.58-.58.58-1.519 0-2.098l-2.904-2.905zm-.706 8.615L8 8.707l-3.954 3.954 2.905 2.904c.58.58 1.519.58 2.098 0l2.905-2.904zm-8.615-.707L7.293 8 3.339 4.046.435 6.951c-.58.58-.58 1.519 0 2.098l2.904 2.905z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#x-diamond-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             X diamond fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="x delete reset clear">
         <a class="d-block text-dark text-decoration-none" href="/icons/x-diamond/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-x-diamond" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/>
-  <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#x-diamond"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             X diamond
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="x delete reset clear">
         <a class="d-block text-dark text-decoration-none" href="/icons/x-octagon-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-x-octagon-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.46.146A.5.5 0 0 0 11.107 0H4.893a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146zm.394 4.708a.5.5 0 0 0-.708-.708L8 7.293 4.854 4.146a.5.5 0 1 0-.708.708L7.293 8l-3.147 3.146a.5.5 0 0 0 .708.708L8 8.707l3.146 3.147a.5.5 0 0 0 .708-.708L8.707 8l3.147-3.146z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#x-octagon-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             X octagon fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="x delete reset clear">
         <a class="d-block text-dark text-decoration-none" href="/icons/x-octagon/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-x-octagon" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/>
-  <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#x-octagon"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             X octagon
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="x delete reset clear">
         <a class="d-block text-dark text-decoration-none" href="/icons/x-square-fill/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-x-square-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm9.854 4.854a.5.5 0 0 0-.708-.708L8 7.293 4.854 4.146a.5.5 0 1 0-.708.708L7.293 8l-3.147 3.146a.5.5 0 0 0 .708.708L8 8.707l3.146 3.147a.5.5 0 0 0 .708-.708L8.707 8l3.147-3.146z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#x-square-fill"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             X square fill
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="x delete reset clear">
         <a class="d-block text-dark text-decoration-none" href="/icons/x-square/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-x-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-  <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#x-square"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             X square
           </div>
         </a>
       </li>
-    <li class="col mb-4">
+    <li class="col mb-4" data-tags="x delete reset clear">
         <a class="d-block text-dark text-decoration-none" href="/icons/x/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
-            <svg class="bi bi-x" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/>
-  <path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"/>
-</svg>
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#x"/>
+            </svg>
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             X
           </div>
         </a>
       </li>
+    <li class="col mb-4" data-tags="magnify scale">
+        <a class="d-block text-dark text-decoration-none" href="/icons/zoom-in/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#zoom-in"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Zoom in
+          </div>
+        </a>
+      </li>
+    <li class="col mb-4" data-tags="minify scale">
+        <a class="d-block text-dark text-decoration-none" href="/icons/zoom-out/">
+          <div class="p-3 py-4 mb-2 bg-light text-center rounded">
+            <svg class="bi" width="1em" height="1em" fill="currentColor">
+              <use xlink:href="bootstrap-icons.svg#zoom-out"/>
+            </svg>
+          </div>
+          <div class="name text-muted text-decoration-none text-center pt-1">
+            Zoom out
+          </div>
+        </a>
+      </li>
     </ul>
 </div>
 
@@ -8854,31 +12540,58 @@
 <h2 id="usage">Usage</h2>
 <p>Bootstrap Icons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. Bootstrap Icons include a <code>width</code> and <code>height</code> of <code>1em</code> by default to allow for easy resizing via <code>font-size</code>.</p>
 <div class="row my-4">
-  <div class="col-md-4 col-xl-3">
+  <div class="col-md-4">
 <h3 id="embedded">Embedded</h3>
 <p>Embed your icons within the HTML of your page (as opposed to an external image file). Here we&rsquo;ve used a custom <code>width</code> and <code>height</code>.
   </div>
-  <div class="col-md-8 col-xl-9">
+  <div class="col-md-8">
     <div class="bd-example"><svg class="bi bi-chevron-right" width="32" height="32" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.646 3.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L12.293 10 6.646 4.354a.5.5 0 010-.708z"/></svg></div><div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="p">&lt;</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;bi bi-chevron-right&#34;</span> <span class="na">width</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">height</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">viewBox</span><span class="o">=</span><span class="s">&#34;0 0 20 20&#34;</span> <span class="na">fill</span><span class="o">=</span><span class="s">&#34;currentColor&#34;</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">&#34;http://www.w3.org/2000/svg&#34;</span><span class="p">&gt;&lt;</span><span class="nt">path</span> <span class="na">fill-rule</span><span class="o">=</span><span class="s">&#34;evenodd&#34;</span> <span class="na">d</span><span class="o">=</span><span class="s">&#34;M6.646 3.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L12.293 10 6.646 4.354a.5.5 0 010-.708z&#34;</span><span class="p">/&gt;&lt;/</span><span class="nt">svg</span><span class="p">&gt;</span></code></pre></div>
   </div>
 </div>
 <div class="row my-4">
-  <div class="col-md-4 col-xl-3">
+  <div class="col-md-4">
+<h3 id="sprite">Sprite</h3>
+<p>Use the SVG sprite to insert any icon through the <code>&lt;use&gt;</code> element. Use the icon&rsquo;s filename as the fragment identifier (e.g., <code>toggles</code> is <code>#toggles</code>). SVG sprites allow you to reference an external file similar to an <code>&lt;img&gt;</code> element, but with the power of <code>currentColor</code> for easy theming.
+  </div>
+  <div class="col-md-8">
+<div class="bd-example">
+<svg class="bi" width="32" height="32" fill="currentColor">
+  <use xlink:href="bootstrap-icons.svg#heart-fill"/>
+</svg>
+<svg class="bi" width="32" height="32" fill="currentColor">
+  <use xlink:href="bootstrap-icons.svg#toggles"/>
+</svg>
+<svg class="bi" width="32" height="32" fill="currentColor">
+  <use xlink:href="bootstrap-icons.svg#shop"/>
+</svg>
+</div><div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="p">&lt;</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;bi&#34;</span> <span class="na">width</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">height</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">fill</span><span class="o">=</span><span class="s">&#34;currentColor&#34;</span><span class="p">&gt;</span>
+  <span class="p">&lt;</span><span class="nt">use</span> <span class="na">xlink:href</span><span class="o">=</span><span class="s">&#34;bootstrap-icons.svg#heart-fill&#34;</span><span class="p">/&gt;</span>
+<span class="p">&lt;/</span><span class="nt">svg</span><span class="p">&gt;</span>
+<span class="p">&lt;</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;bi&#34;</span> <span class="na">width</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">height</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">fill</span><span class="o">=</span><span class="s">&#34;currentColor&#34;</span><span class="p">&gt;</span>
+  <span class="p">&lt;</span><span class="nt">use</span> <span class="na">xlink:href</span><span class="o">=</span><span class="s">&#34;bootstrap-icons.svg#toggles&#34;</span><span class="p">/&gt;</span>
+<span class="p">&lt;/</span><span class="nt">svg</span><span class="p">&gt;</span>
+<span class="p">&lt;</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;bi&#34;</span> <span class="na">width</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">height</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">fill</span><span class="o">=</span><span class="s">&#34;currentColor&#34;</span><span class="p">&gt;</span>
+  <span class="p">&lt;</span><span class="nt">use</span> <span class="na">xlink:href</span><span class="o">=</span><span class="s">&#34;bootstrap-icons.svg#shop&#34;</span><span class="p">/&gt;</span>
+<span class="p">&lt;/</span><span class="nt">svg</span><span class="p">&gt;</span></code></pre></div>
+  </div>
+</div>
+<div class="row my-4">
+  <div class="col-md-4">
 <h3 id="external-image">External image</h3>
 <p>Copy the Bootstrap icons SVGs to your directory of choice and reference them like normal images with the <code>&lt;img&gt;</code> element.
   </div>
-  <div class="col-md-8 col-xl-9">
+  <div class="col-md-8">
     <div class="bd-example"><img src="/assets/img/bootstrap.svg" alt="" width="32" height="32" title="Bootstrap"></div><div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;/assets/img/bootstrap.svg&#34;</span> <span class="na">alt</span><span class="o">=</span><span class="s">&#34;&#34;</span> <span class="na">width</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">height</span><span class="o">=</span><span class="s">&#34;32&#34;</span> <span class="na">title</span><span class="o">=</span><span class="s">&#34;Bootstrap&#34;</span><span class="p">&gt;</span></code></pre></div>
   </div>
 </div>
 <div class="row">
-  <div class="col-md-4 col-xl-3">
+  <div class="col-md-4">
 <h3 id="css">CSS</h3>
 <p>You can also use the SVG within your CSS (<strong>be sure to escape any characters</strong>, such as <code>#</code> to <code>%23</code> when specifying hex color values). When no dimensions are specified via <code>width</code> and <code>height</code> on the <code>&lt;svg&gt;</code>, the icon will fill the available space.</p>
 <p>The <code>viewBox</code> attribute is required if you wish to resize icons with <code>background-size</code>. Note that the <code>xmlns</code> attribute is required.</p>
 
   </div>
-  <div class="col-md-8 col-xl-9">
+  <div class="col-md-8">
 <div class="highlight"><pre class="chroma"><code class="language-css" data-lang="css"><span class="p">.</span><span class="nc">bi</span><span class="p">::</span><span class="nd">before</span> <span class="p">{</span>
   <span class="k">display</span><span class="p">:</span> <span class="kc">inline</span><span class="o">-</span><span class="kc">block</span><span class="p">;</span>
   <span class="k">content</span><span class="p">:</span> <span class="s2">&#34;&#34;</span><span class="p">;</span>
@@ -8889,11 +12602,11 @@
   </div>
 </div>
 <div class="row my-4">
-  <div class="col-md-4 col-xl-3">
+  <div class="col-md-4">
 <h2 id="styling">Styling</h2>
 <p>Color can be changed by setting a <code>.text-*</code> class or custom CSS:
   </div>
-  <div class="col-md-8 col-xl-9">
+  <div class="col-md-8">
     <div class="bd-example">
       <svg class="bi bi-alert-triangle text-success" width="32" height="32" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" d="M9.938 4.016a.146.146 0 00-.054.057L3.027 15.74a.176.176 0 00-.002.183c.016.03.037.05.054.06.015.01.034.017.066.017h13.713a.12.12 0 00.066-.017.163.163 0 00.055-.06.176.176 0 00-.003-.183L10.12 4.073a.146.146 0 00-.054-.057.13.13 0 00-.063-.016.13.13 0 00-.064.016zm1.043-.45a1.13 1.13 0 00-1.96 0L2.166 15.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L10.982 3.566z"/>
@@ -8928,13 +12641,13 @@
       <li><a href="https://twitter.com/getbootstrap">Twitter</a></li>
       <li><a href="https://getbootstrap.com/docs/4.5/about/overview/">About</a></li>
     </ul>
-    <p>Currently v1.0.0-alpha4. Icons and documentation licensed <a href="https://github.com/twbs/icons/blob/master/LICENSE.md" target="_blank" rel="license noopener">MIT</a>.</p>
+    <p>Currently v1.0.0-alpha5. Icons and documentation licensed <a href="https://github.com/twbs/icons/blob/main/LICENSE.md" target="_blank" rel="license noopener">MIT</a>.</p>
   </div>
 </footer>
 <script src="/assets/js/list.min.js"></script>
 <script>
   new List('icons-body', {
-    valueNames: ['name']
+    valueNames: ['name', { data: ['tags'] }]
   });
 </script>
 
diff --git a/sitemap.xml b/sitemap.xml
index 1df64136c..86f2492e6 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -34,6 +34,24 @@
     <loc>https://icons.getbootstrap.com/icons/exclamation-triangle-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/align-bottom/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/align-center/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/align-end/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/align-middle/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/align-start/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/align-top/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/alt/</loc>
   </url>
   <url>
@@ -262,6 +280,9 @@
     <loc>https://icons.getbootstrap.com/icons/award-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/back/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/backspace/</loc>
   </url>
   <url>
@@ -274,6 +295,42 @@
     <loc>https://icons.getbootstrap.com/icons/backspace-reverse-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-4k/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-4k-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-8k/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-8k-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-cc/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-cc-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-hd/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-hd-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-tm/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-tm-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-vo/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/badge-vo-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/bag/</loc>
   </url>
   <url>
@@ -295,6 +352,15 @@
     <loc>https://icons.getbootstrap.com/icons/bar-chart-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/bar-chart-line/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/bar-chart-line-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/bar-chart-steps/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/basket/</loc>
   </url>
   <url>
@@ -331,6 +397,21 @@
     <loc>https://icons.getbootstrap.com/icons/bell-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/bezier/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/bezier2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/bicycle/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/binoculars/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/binoculars-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/blockquote-left/</loc>
   </url>
   <url>
@@ -340,6 +421,9 @@
     <loc>https://icons.getbootstrap.com/icons/book/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/book-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/book-half/</loc>
   </url>
   <url>
@@ -364,6 +448,9 @@
     <loc>https://icons.getbootstrap.com/icons/bookmarks-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/bookshelf/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/bootstrap/</loc>
   </url>
   <url>
@@ -373,6 +460,12 @@
     <loc>https://icons.getbootstrap.com/icons/bootstrap-reboot/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/border-style/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/border-width/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/bounding-box/</loc>
   </url>
   <url>
@@ -436,6 +529,9 @@
     <loc>https://icons.getbootstrap.com/icons/braces/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/bricks/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/briefcase/</loc>
   </url>
   <url>
@@ -466,6 +562,12 @@
     <loc>https://icons.getbootstrap.com/icons/brightness-low-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/broadcast/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/broadcast-pin/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/brush/</loc>
   </url>
   <url>
@@ -475,12 +577,24 @@
     <loc>https://icons.getbootstrap.com/icons/bucket-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/bug/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/bug-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/building/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/bullseye/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/calculator/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calculator-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/calendar/</loc>
   </url>
   <url>
@@ -502,6 +616,12 @@
     <loc>https://icons.getbootstrap.com/icons/calendar-day-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar-event/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar-event-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/calendar-fill/</loc>
   </url>
   <url>
@@ -523,6 +643,18 @@
     <loc>https://icons.getbootstrap.com/icons/calendar-plus-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar-range/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar-range-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar-week/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar-week-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/calendar2/</loc>
   </url>
   <url>
@@ -544,6 +676,12 @@
     <loc>https://icons.getbootstrap.com/icons/calendar2-day-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar2-event/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar2-event-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/calendar2-fill/</loc>
   </url>
   <url>
@@ -565,18 +703,69 @@
     <loc>https://icons.getbootstrap.com/icons/calendar2-plus-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar2-range/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar2-range-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar2-week/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar2-week-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/calendar3/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar3-event/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar3-event-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/calendar3-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar3-range/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar3-range-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar3-week/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar3-week-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/calendar4/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar4-event/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar4-range/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/calendar4-week/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/camera/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/camera2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/camera-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/camera-reels/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/camera-reels-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/camera-video/</loc>
   </url>
   <url>
@@ -682,6 +871,15 @@
     <loc>https://icons.getbootstrap.com/icons/cart4/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/cash/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cash-stack/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cast/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/chat/</loc>
   </url>
   <url>
@@ -694,12 +892,60 @@
     <loc>https://icons.getbootstrap.com/icons/chat-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-left/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-left-dots/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-left-dots-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-left-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-left-quote/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-left-quote-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-left-text/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-left-text-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/chat-quote/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/chat-quote-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-right/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-right-dots/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-right-dots-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-right-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-right-quote/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-right-quote-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-right-text/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-right-text-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/chat-square/</loc>
   </url>
   <url>
@@ -718,6 +964,18 @@
     <loc>https://icons.getbootstrap.com/icons/chat-square-quote-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-square-text/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-square-text-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-text/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/chat-text-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/check/</loc>
   </url>
   <url>
@@ -826,9 +1084,18 @@
     <loc>https://icons.getbootstrap.com/icons/clipboard/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/clipboard-check/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/clipboard-data/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/clipboard-minus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/clipboard-plus/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/clock/</loc>
   </url>
   <url>
@@ -841,12 +1108,45 @@
     <loc>https://icons.getbootstrap.com/icons/cloud/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-arrow-down/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-arrow-down-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-arrow-up/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-arrow-up-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-check/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-check-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/cloud-download/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-download-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/cloud-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-minus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-minus-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-plus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-plus-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/cloud-slash/</loc>
   </url>
   <url>
@@ -856,12 +1156,18 @@
     <loc>https://icons.getbootstrap.com/icons/cloud-upload/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/cloud-upload-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/code/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/code-slash/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/code-square/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/collection/</loc>
   </url>
   <url>
@@ -895,15 +1201,39 @@
     <loc>https://icons.getbootstrap.com/icons/controller/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/cpu/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/cpu-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/credit-card/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/credit-card-2-back/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/credit-card-2-back-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/credit-card-2-front/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/credit-card-2-front-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/credit-card-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/crop/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/cup/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/cup-straw/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/cursor/</loc>
   </url>
   <url>
@@ -928,6 +1258,18 @@
     <loc>https://icons.getbootstrap.com/icons/dash-square-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/diagram-2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/diagram-2-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/diagram-3/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/diagram-3-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/diamond/</loc>
   </url>
   <url>
@@ -937,18 +1279,66 @@
     <loc>https://icons.getbootstrap.com/icons/diamond-half/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-1/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-1-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-2-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-3/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-3-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-4/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-4-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-5/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-5-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-6/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/dice-6-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/display/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/display-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/distribute-horizontal/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/distribute-vertical/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/door-closed/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/door-closed-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/door-open/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/door-open-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/dot/</loc>
   </url>
   <url>
@@ -964,6 +1354,15 @@
     <loc>https://icons.getbootstrap.com/icons/droplet-half/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/earbuds/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/easel/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/easel-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/egg/</loc>
   </url>
   <url>
@@ -985,6 +1384,9 @@
     <loc>https://icons.getbootstrap.com/icons/emoji-dizzy/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/emoji-expressionless/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/emoji-frown/</loc>
   </url>
   <url>
@@ -1039,27 +1441,54 @@
     <loc>https://icons.getbootstrap.com/icons/eye-slash-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/eyeglasses/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/file-arrow-down/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-arrow-down-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-arrow-up/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-arrow-up-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-binary/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-binary-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-break/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-break-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-check/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-check-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-code/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-code-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-diff/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-diff-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark/</loc>
   </url>
   <url>
@@ -1069,60 +1498,153 @@
     <loc>https://icons.getbootstrap.com/icons/file-earmark-arrow-up/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-arrow-up-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-binary/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-binary-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-break/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-break-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-check/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-check-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-code/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-code-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-diff/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-diff-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-medical/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-medical-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-minus/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-minus-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-plus/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-plus-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-ruled/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-ruled-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-spreadsheet/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-spreadsheet-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-text/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-text-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-earmark-zip/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-earmark-zip-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-medical/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-medical-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-minus/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-minus-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-music/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-music-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-person/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/file-person-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-plus/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-plus-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-post/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-post-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-richtext/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-richtext-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-ruled/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-ruled-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-spreadsheet/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-spreadsheet-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-text/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-text-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/file-zip/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/file-zip-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/files/</loc>
   </url>
   <url>
@@ -1135,18 +1657,39 @@
     <loc>https://icons.getbootstrap.com/icons/filter/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/filter-circle/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/filter-circle-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/filter-left/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/filter-right/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/filter-square/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/filter-square-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/flag/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/flag-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/flower1/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/flower2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/flower3/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/folder/</loc>
   </url>
   <url>
@@ -1168,6 +1711,12 @@
     <loc>https://icons.getbootstrap.com/icons/folder-symlink-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/folder2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/folder2-open/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/fonts/</loc>
   </url>
   <url>
@@ -1177,6 +1726,9 @@
     <loc>https://icons.getbootstrap.com/icons/forward-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/front/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/fullscreen/</loc>
   </url>
   <url>
@@ -1216,6 +1768,12 @@
     <loc>https://icons.getbootstrap.com/icons/gift-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/globe/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/globe2/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/graph-down/</loc>
   </url>
   <url>
@@ -1282,9 +1840,36 @@
     <loc>https://icons.getbootstrap.com/icons/hash/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/hdd/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hdd-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hdd-network/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hdd-network-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hdd-rack/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hdd-rack-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hdd-stack/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hdd-stack-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/headphones/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/headset/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/heart/</loc>
   </url>
   <url>
@@ -1294,6 +1879,15 @@
     <loc>https://icons.getbootstrap.com/icons/heart-half/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/heptagon/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/heptagon-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/heptagon-half/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/hexagon/</loc>
   </url>
   <url>
@@ -1303,6 +1897,18 @@
     <loc>https://icons.getbootstrap.com/icons/hexagon-half/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/hourglass/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hourglass-bottom/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hourglass-split/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/hourglass-top/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/house/</loc>
   </url>
   <url>
@@ -1360,9 +1966,54 @@
     <loc>https://icons.getbootstrap.com/icons/info-square-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/input-cursor/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/input-cursor-text/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/intersect/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/journal/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-album/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-arrow-down/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-arrow-up/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-check/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-code/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-medical/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-minus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-plus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-richtext/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journal-text/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/journals/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/joystick/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/justify/</loc>
   </url>
   <url>
@@ -1378,9 +2029,33 @@
     <loc>https://icons.getbootstrap.com/icons/kanban-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/key/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/key-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/keyboard/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/keyboard-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/ladder/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/lamp/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/lamp-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/laptop/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/laptop-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/layers/</loc>
   </url>
   <url>
@@ -1450,6 +2125,9 @@
     <loc>https://icons.getbootstrap.com/icons/list-ol/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/list-stars/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/list-task/</loc>
   </url>
   <url>
@@ -1462,9 +2140,45 @@
     <loc>https://icons.getbootstrap.com/icons/lock-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/mailbox/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/mailbox2/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/map/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/markdown/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/markdown-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/menu-app/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/menu-app-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/menu-button/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/menu-button-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/menu-button-wide/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/menu-button-wide-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/menu-down/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/menu-up/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/mic/</loc>
   </url>
   <url>
@@ -1486,6 +2200,15 @@
     <loc>https://icons.getbootstrap.com/icons/moon/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/mouse/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/mouse2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/mouse3/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/music-note/</loc>
   </url>
   <url>
@@ -1504,6 +2227,24 @@
     <loc>https://icons.getbootstrap.com/icons/newspaper/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/node-minus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/node-minus-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/node-plus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/node-plus-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/nut/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/nut-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/octagon/</loc>
   </url>
   <url>
@@ -1522,12 +2263,51 @@
     <loc>https://icons.getbootstrap.com/icons/paperclip/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/paragraph/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-check/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-check-fll/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-exclamation/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-exclamation-fll/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-minus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-minus-fll/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-plus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-plus-fll/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-question/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/patch-question-fll/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/pause/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/pause-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/peace/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/peace-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/pen/</loc>
   </url>
   <url>
@@ -1555,9 +2335,18 @@
     <loc>https://icons.getbootstrap.com/icons/people-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/percent/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/person/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/person-badge/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/person-badge-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/person-bounding-box/</loc>
   </url>
   <url>
@@ -1591,9 +2380,15 @@
     <loc>https://icons.getbootstrap.com/icons/phone/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/phone-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/phone-landscape/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/phone-landscape-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/pie-chart/</loc>
   </url>
   <url>
@@ -1633,6 +2428,12 @@
     <loc>https://icons.getbootstrap.com/icons/power/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/printer/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/printer-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/puzzle/</loc>
   </url>
   <url>
@@ -1672,6 +2473,21 @@
     <loc>https://icons.getbootstrap.com/icons/receipt-cutoff/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/reception-0/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/reception-1/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/reception-2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/reception-3/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/reception-4/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/reply/</loc>
   </url>
   <url>
@@ -1684,27 +2500,66 @@
     <loc>https://icons.getbootstrap.com/icons/reply-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/rss/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/rss-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/screwdriver/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/search/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/segmented-nav/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/server/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/share/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/share-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/shield/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/shield-check/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/shield-exclamation/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/shield-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/shield-fill-check/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/shield-fill-exclamation/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/shield-fill-minus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/shield-fill-plus/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/shield-lock/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/shield-lock-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/shield-minus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/shield-plus/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/shield-shaded/</loc>
   </url>
   <url>
@@ -1729,6 +2584,30 @@
     <loc>https://icons.getbootstrap.com/icons/shuffle/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/signpost/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/signpost-2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/signpost-2-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/signpost-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/signpost-split/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/signpost-split-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sim/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sim-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/skip-backward/</loc>
   </url>
   <url>
@@ -1768,12 +2647,54 @@
     <loc>https://icons.getbootstrap.com/icons/sliders/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/smartwatch/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-alpha-down/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-alpha-down-alt/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-alpha-up/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-alpha-up-alt/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-down/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-down-alt/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-numeric-down/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-numeric-down-alt/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-numeric-up/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-numeric-up-alt/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-up/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sort-up-alt/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/soundwave/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/speaker/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/spellcheck/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/square/</loc>
   </url>
   <url>
@@ -1792,12 +2713,30 @@
     <loc>https://icons.getbootstrap.com/icons/star-half/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/stickies/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/stickies-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sticky/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/sticky-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/stop/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/stop-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/stoplights/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/stoplights-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/stopwatch/</loc>
   </url>
   <url>
@@ -1807,24 +2746,105 @@
     <loc>https://icons.getbootstrap.com/icons/subtract/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/suit-club/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/suit-club-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/suit-diamond/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/suit-diamond-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/suit-heart/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/suit-heart-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/suit-spade/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/suit-spade-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/sun/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/sunglasses/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/table/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/tablet/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/tablet-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/tablet-landscape/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/tablet-landscape-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/tag/</loc>
   </url>
   <url>
     <loc>https://icons.getbootstrap.com/icons/tag-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/tags/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/tags-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-forward/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-forward-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-inbound/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-inbound-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-minus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-minus-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-outbound/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-outbound-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-plus/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-plus-fill/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-x/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/telephone-x-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/terminal/</loc>
   </url>
   <url>
@@ -1849,9 +2869,18 @@
     <loc>https://icons.getbootstrap.com/icons/textarea/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/textarea-resize/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/textarea-t/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/thermometer/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/thermometer-half/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/three-dots/</loc>
   </url>
   <url>
@@ -1864,9 +2893,18 @@
     <loc>https://icons.getbootstrap.com/icons/toggle-on/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/toggle2-off/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/toggle2-on/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/toggles/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/toggles2/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/tools/</loc>
   </url>
   <url>
@@ -1882,6 +2920,12 @@
     <loc>https://icons.getbootstrap.com/icons/trash2-fill/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/tree/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/tree-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/triangle/</loc>
   </url>
   <url>
@@ -1930,6 +2974,12 @@
     <loc>https://icons.getbootstrap.com/icons/type-underline/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/ui-checks/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/ui-radios/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/union/</loc>
   </url>
   <url>
@@ -1954,6 +3004,9 @@
     <loc>https://icons.getbootstrap.com/icons/view-stacked/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/voicemail/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/volume-down/</loc>
   </url>
   <url>
@@ -1984,6 +3037,9 @@
     <loc>https://icons.getbootstrap.com/icons/wallet/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/wallet-fill/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/wallet2/</loc>
   </url>
   <url>
@@ -1993,6 +3049,15 @@
     <loc>https://icons.getbootstrap.com/icons/wifi/</loc>
   </url>
   <url>
+    <loc>https://icons.getbootstrap.com/icons/wifi-1/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/wifi-2/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/wifi-off/</loc>
+  </url>
+  <url>
     <loc>https://icons.getbootstrap.com/icons/window/</loc>
   </url>
   <url>
@@ -2025,4 +3090,10 @@
   <url>
     <loc>https://icons.getbootstrap.com/icons/x-square-fill/</loc>
   </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/zoom-in/</loc>
+  </url>
+  <url>
+    <loc>https://icons.getbootstrap.com/icons/zoom-out/</loc>
+  </url>
 </urlset>