Bootstrap Icons 路 Official open source SVG icon library for Bootstrap

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <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.121.1"> <link rel="canonical" href="https://icons.getbootstrap.com/"><script src="/assets/js/color-modes.js"></script> <link rel="stylesheet" href="/assets/font/bootstrap-icons.min.css"><link rel="stylesheet" href="/assets/css/docs.css">  <link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180"> <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="#712cf9"> <link rel="icon" href="/assets/img/favicons/favicon.ico"> <meta name="theme-color" content="#712cf9">  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@getbootstrap"> <meta name="twitter:creator" content="@getbootstrap"> <meta name="twitter:title" content="Bootstrap Icons"> <meta name="twitter:description" content="Official open source SVG icon library for Bootstrap"> <meta name="twitter:image" content="https://icons.getbootstrap.com/assets/img/bootstrap-icons-social.png">  <meta property="og:url" content="https://icons.getbootstrap.com/"> <meta property="og:title" content="Bootstrap Icons"> <meta property="og:description" content="Official open source SVG icon library for Bootstrap"> <meta property="og:type" content="website"> <meta property="og:image" content="https://icons.getbootstrap.com/assets/img/bootstrap-icons-social.png"> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="1000"> <meta property="og:image:height" content="500"> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-146052-10', 'getbootstrap.com'); ga('set', 'anonymizeIp', true); ga('send', 'pageview'); </script> <script async src="https://www.google-analytics.com/analytics.js"></script> </head> <body id="icons-body"> <a class="skippy visually-hidden-focusable" href="#content"> <span class="skippy-text">Skip to main content</span> </a> <header class="navbar navbar-expand-lg navbar-dark bd-navbar sticky-top"> <nav class="container-xxl bd-gutter flex-wrap flex-lg-nowrap" aria-label="Main navigation"> <div class="d-lg-none" style="width: 2.25rem;"></div> <a class="navbar-brand p-0 me-0 me-lg-2" href="https://getbootstrap.com/" aria-label="Bootstrap"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="d-block my-1" 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> <button class="navbar-toggler d-flex d-lg-none order-3 p-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#bdNavbar" aria-controls="bdNavbar" aria-expanded="false" aria-label="Toggle navigation"> <i class="bi bi-three-dots" aria-hidden="true"></i> </button> <div class="offcanvas-lg offcanvas-end flex-grow-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel"> <div class="offcanvas-header px-4 pb-0"> <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button> </div> <div class="offcanvas-body p-4 pt-0 p-lg-0"> <hr class="d-lg-none text-white-50"> <ul class="navbar-nav flex-row flex-wrap bd-navbar-nav"> <li class="nav-item col-6 col-lg-auto"> <a class="nav-link py-2 px-0 px-lg-2" href="https://getbootstrap.com/docs/5.3/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');" target="_blank" rel="noopener">Docs</a> </li> <li class="nav-item col-6 col-lg-auto"> <a class="nav-link py-2 px-0 px-lg-2" href="https://getbootstrap.com/docs/5.3/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');" target="_blank" rel="noopener">Examples</a> </li> <li class="nav-item col-6 col-lg-auto"> <a class="nav-link py-2 px-0 px-lg-2 active" href="/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Icons');">Icons</a> </li> <li class="nav-item col-6 col-lg-auto"> <a class="nav-link py-2 px-0 px-lg-2" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a> </li> <li class="nav-item col-6 col-lg-auto"> <a class="nav-link py-2 px-0 px-lg-2" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a> </li> </ul> <hr class="d-lg-none text-white-50"> <ul class="navbar-nav flex-row flex-wrap ms-md-auto"> <li class="nav-item col-6 col-lg-auto"> <a class="nav-link py-2 px-0 px-lg-2" href="https://github.com/twbs" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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> <small class="d-lg-none ms-2">GitHub</small> </a> </li> <li class="nav-item col-6 col-lg-auto"> <a class="nav-link py-2 px-0 px-lg-2" href="https://twitter.com/getbootstrap" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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> <small class="d-lg-none ms-2">Twitter</small> </a> </li> <li class="nav-item col-6 col-lg-auto"> <a class="nav-link py-2 px-0 px-lg-2" href="https://opencollective.com/bootstrap" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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> <small class="d-lg-none ms-2">Open Collective</small> </a> </li> <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto"> <div class="vr d-none d-lg-flex h-100 mx-lg-2 text-white"></div> <hr class="d-lg-none my-2 text-white-50"> </li> <li class="nav-item dropdown"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="circle-half" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/> </symbol> <symbol id="moon-stars-fill" viewBox="0 0 16 16"> <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/> <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/> </symbol> <symbol id="sun-fill" viewBox="0 0 16 16"> <path d="M8 12a4 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"/> </symbol> </svg> <button class="btn btn-link nav-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle theme (auto)"> <svg class="bi my-1 theme-icon-active"><use href="#circle-half"></use></svg> <span class="d-lg-none ms-2" id="bd-theme-text">Toggle theme</span> </button> <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme-text"> <li> <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false"> <svg class="bi me-2 opacity-50 theme-icon"><use href="#sun-fill"></use></svg> Light <svg class="bi ms-auto d-none"><use href="#check2"></use></svg> </button> </li> <li> <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false"> <svg class="bi me-2 opacity-50 theme-icon"><use href="#moon-stars-fill"></use></svg> Dark <svg class="bi ms-auto d-none"><use href="#check2"></use></svg> </button> </li> <li> <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true"> <svg class="bi me-2 opacity-50 theme-icon"><use href="#circle-half"></use></svg> Auto <svg class="bi ms-auto d-none"><use href="#check2"></use></svg> </button> </li> </ul> </li> </ul> </div> </div> </nav> </header> <div class="hero py-5 text-center text-lg-start"> <div class="container-xxl bd-gutter"> <div class="row flex-lg-row-reverse"> <div class="col-6 mx-auto col-lg-5 mx-lg-0"> <img srcset="/assets/img/icons-hero.png, /assets/img/icons-hero@2x.png 2x" src="/assets/img/icons-hero.png" class="img-fluid my-3 mx-auto" alt="Bootstrap Icons" width="450" height="340"> </div> <div class="col-lg-7"> <a class="d-block d-sm-inline-block py-1 px-3 mb-4 text-decoration-none rounded-3 hero-notice" href="https://blog.getbootstrap.com//2023/09/12/bootstrap-icons-1-11-0/"> <strong>New in v1.11.0:</strong> 100 new icons! </a> <h1 class="f0">Bootstrap Icons</h1> <p class="mb-4 f3 font-weight-normal">Free, high quality, open source icon library with over 2,000 icons. Include them anyway you like鈥擲VGs, SVG sprite, or web fonts. Use them with or without <a href="https://getbootstrap.com/">Bootstrap</a> in any project.</p> <div class="d-flex flex-column flex-md-row align-items-stretch justify-content-center justify-content-md-start mb-5 fs-5"> <div class="fs-5 d-inline-block mb-3 me-md-3 mb-md-0"> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm i bootstrap-icons</span></span></code></pre></div> </div> <a class="btn btn-lg btn-figma d-flex align-items-center justify-content-center" href="https://www.figma.com/community/file/1042482994486402696/Bootstrap-Icons" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" class="me-2" viewBox="0 0 288 432" role="img"> <rect width="95.0226" height="142.534" fill="black" fill-opacity="0" transform="translate(1.46603 2.19946) scale(3)"/> <path d="M144 216C144 176.641 175.907 144.733 215.267 144.733V144.733C254.626 144.733 286.534 176.641 286.534 216V216C286.534 255.36 254.626 287.267 215.267 287.267V287.267C175.907 287.267 144 255.36 144 216V216Z" fill="#1ABCFE"/> <path d="M1.46603 358.534C1.46603 319.175 33.3733 287.267 72.733 287.267H144V358.534C144 397.894 112.093 429.801 72.733 429.801V429.801C33.3733 429.801 1.46603 397.894 1.46603 358.534V358.534Z" fill="#0ACF83"/> <path d="M144 2.19946V144.733H215.267C254.627 144.733 286.534 112.826 286.534 73.4664V73.4664C286.534 34.1068 254.627 2.19946 215.267 2.19946L144 2.19946Z" fill="#FF7262"/> <path d="M1.46603 73.4664C1.46603 112.826 33.3733 144.733 72.733 144.733L144 144.733L144 2.19941L72.733 2.19941C33.3733 2.19941 1.46603 34.1067 1.46603 73.4664V73.4664Z" fill="#F24E1E"/> <path d="M1.46603 216C1.46603 255.36 33.3733 287.267 72.733 287.267H144L144 144.733L72.733 144.733C33.3733 144.733 1.46603 176.641 1.46603 216V216Z" fill="#A259FF"/> </svg> Open in Figma </a> </div> <script async src="https://cdn.carbonads.com/carbon.js?serve=CE7D4277&placement=iconsgetbootstrapcom" id="_carbonads_js"></script> <hr class="mx-auto mx-lg-0 my-5"> <p class="text-muted"> Currently <a href="https://github.com/twbs/icons/releases/tag/v1.11.3">v1.11.3</a> <span class="px-1">•</span> <a href="#icons">Icons</a> <span class="px-1">•</span> <a href="/sprite/">Icon Sprite</a> <span class="px-1">•</span> <a href="#install">Install</a> <span class="px-1">•</span> <a href="#usage">Usage</a> <span class="px-1">•</span> <a href="#styling">Styling</a> <span class="px-1">•</span> <a href="#accessibility">Accessibility</a> <span class="px-1">•</span> <a href="https://github.com/twbs/icons">GitHub repo</a> </p> </div> </div> </div> </div> <main class="container-xxl bd-gutter" id="content"> <div class="my-5"> <div class="d-flex mb-4"> <h2 id="icons" class="mb-0">Icons</h2> <form class="subnav-search d-flex flex-nowrap ms-auto"> <label for="search" class="visually-hidden">Search for icons</label> <input class="form-control search mb-0" id="search" type="search" placeholder="Start typing to filter..." autocomplete="off"> </form> </div> <ul id="icons-list" 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-name="0-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/0-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-0-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">0-circle</div> </a> </li> <li class="col mb-4" data-name="0-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/0-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-0-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">0-circle-fill</div> </a> </li> <li class="col mb-4" data-name="0-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/0-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-0-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">0-square</div> </a> </li> <li class="col mb-4" data-name="0-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/0-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-0-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">0-square-fill</div> </a> </li> <li class="col mb-4" data-name="1-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/1-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-1-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">1-circle</div> </a> </li> <li class="col mb-4" data-name="1-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/1-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-1-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">1-circle-fill</div> </a> </li> <li class="col mb-4" data-name="1-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/1-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-1-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">1-square</div> </a> </li> <li class="col mb-4" data-name="1-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/1-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-1-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">1-square-fill</div> </a> </li> <li class="col mb-4" data-name="123" data-tags="numbers" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/123/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-123"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">123</div> </a> </li> <li class="col mb-4" data-name="2-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/2-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-2-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">2-circle</div> </a> </li> <li class="col mb-4" data-name="2-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/2-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-2-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">2-circle-fill</div> </a> </li> <li class="col mb-4" data-name="2-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/2-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-2-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">2-square</div> </a> </li> <li class="col mb-4" data-name="2-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/2-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-2-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">2-square-fill</div> </a> </li> <li class="col mb-4" data-name="3-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/3-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-3-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">3-circle</div> </a> </li> <li class="col mb-4" data-name="3-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/3-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-3-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">3-circle-fill</div> </a> </li> <li class="col mb-4" data-name="3-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/3-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-3-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">3-square</div> </a> </li> <li class="col mb-4" data-name="3-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/3-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-3-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">3-square-fill</div> </a> </li> <li class="col mb-4" data-name="4-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/4-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-4-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">4-circle</div> </a> </li> <li class="col mb-4" data-name="4-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/4-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-4-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">4-circle-fill</div> </a> </li> <li class="col mb-4" data-name="4-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/4-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-4-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">4-square</div> </a> </li> <li class="col mb-4" data-name="4-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/4-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-4-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">4-square-fill</div> </a> </li> <li class="col mb-4" data-name="5-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/5-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-5-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">5-circle</div> </a> </li> <li class="col mb-4" data-name="5-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/5-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-5-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">5-circle-fill</div> </a> </li> <li class="col mb-4" data-name="5-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/5-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-5-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">5-square</div> </a> </li> <li class="col mb-4" data-name="5-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/5-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-5-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">5-square-fill</div> </a> </li> <li class="col mb-4" data-name="6-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/6-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-6-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">6-circle</div> </a> </li> <li class="col mb-4" data-name="6-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/6-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-6-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">6-circle-fill</div> </a> </li> <li class="col mb-4" data-name="6-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/6-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-6-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">6-square</div> </a> </li> <li class="col mb-4" data-name="6-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/6-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-6-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">6-square-fill</div> </a> </li> <li class="col mb-4" data-name="7-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/7-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-7-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">7-circle</div> </a> </li> <li class="col mb-4" data-name="7-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/7-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-7-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">7-circle-fill</div> </a> </li> <li class="col mb-4" data-name="7-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/7-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-7-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">7-square</div> </a> </li> <li class="col mb-4" data-name="7-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/7-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-7-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">7-square-fill</div> </a> </li> <li class="col mb-4" data-name="8-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/8-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-8-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">8-circle</div> </a> </li> <li class="col mb-4" data-name="8-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/8-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-8-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">8-circle-fill</div> </a> </li> <li class="col mb-4" data-name="8-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/8-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-8-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">8-square</div> </a> </li> <li class="col mb-4" data-name="8-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/8-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-8-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">8-square-fill</div> </a> </li> <li class="col mb-4" data-name="9-circle" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/9-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-9-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">9-circle</div> </a> </li> <li class="col mb-4" data-name="9-circle-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/9-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-9-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">9-circle-fill</div> </a> </li> <li class="col mb-4" data-name="9-square" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/9-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-9-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">9-square</div> </a> </li> <li class="col mb-4" data-name="9-square-fill" data-tags="number numeral" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/9-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-9-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">9-square-fill</div> </a> </li> <li class="col mb-4" data-name="activity" data-tags="pulse heartbeat rhythm" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/activity/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-activity"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">activity</div> </a> </li> <li class="col mb-4" data-name="airplane" data-tags="flight flying plane air airport aircraft" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/airplane/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-airplane"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">airplane</div> </a> </li> <li class="col mb-4" data-name="airplane-engines" data-tags="flight flying plane air airport aircraft" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/airplane-engines/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-airplane-engines"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">airplane-engines</div> </a> </li> <li class="col mb-4" data-name="airplane-engines-fill" data-tags="flight flying plane air airport aircraft" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/airplane-engines-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-airplane-engines-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">airplane-engines-fill</div> </a> </li> <li class="col mb-4" data-name="airplane-fill" data-tags="flight flying plane air airport aircraft" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/airplane-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-airplane-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">airplane-fill</div> </a> </li> <li class="col mb-4" data-name="alarm" data-tags="alarm clock time" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/alarm/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-alarm"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">alarm</div> </a> </li> <li class="col mb-4" data-name="alarm-fill" data-tags="alarm clock time" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/alarm-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-alarm-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">alarm-fill</div> </a> </li> <li class="col mb-4" data-name="alexa" data-tags="social assistant" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/alexa/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-alexa"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">alexa</div> </a> </li> <li class="col mb-4" data-name="align-bottom" data-tags="space align distribute" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/align-bottom/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-align-bottom"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">align-bottom</div> </a> </li> <li class="col mb-4" data-name="align-center" data-tags="space align distribute" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/align-center/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-align-center"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">align-center</div> </a> </li> <li class="col mb-4" data-name="align-end" data-tags="space align distribute" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/align-end/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-align-end"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">align-end</div> </a> </li> <li class="col mb-4" data-name="align-middle" data-tags="space align distribute" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/align-middle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-align-middle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">align-middle</div> </a> </li> <li class="col mb-4" data-name="align-start" data-tags="space align distribute" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/align-start/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-align-start"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">align-start</div> </a> </li> <li class="col mb-4" data-name="align-top" data-tags="space align distribute" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/align-top/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-align-top"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">align-top</div> </a> </li> <li class="col mb-4" data-name="alipay" data-tags="payments" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/alipay/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-alipay"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">alipay</div> </a> </li> <li class="col mb-4" data-name="alphabet" data-tags="letters abc" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/alphabet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-alphabet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">alphabet</div> </a> </li> <li class="col mb-4" data-name="alphabet-uppercase" data-tags="letters abc" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/alphabet-uppercase/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-alphabet-uppercase"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">alphabet-uppercase</div> </a> </li> <li class="col mb-4" data-name="alt" data-tags="key alt option" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-alt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">alt</div> </a> </li> <li class="col mb-4" data-name="amazon" data-tags="aws" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/amazon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-amazon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">amazon</div> </a> </li> <li class="col mb-4" data-name="amd" data-tags="radeon" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/amd/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-amd"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">amd</div> </a> </li> <li class="col mb-4" data-name="android" data-tags="google droid" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/android/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-android"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">android</div> </a> </li> <li class="col mb-4" data-name="android2" data-tags="google droid" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/android2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-android2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">android2</div> </a> </li> <li class="col mb-4" data-name="app" data-tags="app application ios android square" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/app/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-app"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">app</div> </a> </li> <li class="col mb-4" data-name="app-indicator" data-tags="app application ios android notification square" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/app-indicator/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-app-indicator"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">app-indicator</div> </a> </li> <li class="col mb-4" data-name="apple" data-tags="aapl mac macintosh" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/apple/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-apple"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">apple</div> </a> </li> <li class="col mb-4" data-name="archive" data-tags="box delete" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/archive/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-archive"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">archive</div> </a> </li> <li class="col mb-4" data-name="archive-fill" data-tags="box delete" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/archive-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-archive-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">archive-fill</div> </a> </li> <li class="col mb-4" data-name="arrow-90deg-down" data-tags="arrow right-angle" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-90deg-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-90deg-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-90deg-down</div> </a> </li> <li class="col mb-4" data-name="arrow-90deg-left" data-tags="arrow right-angle" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-90deg-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-90deg-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-90deg-left</div> </a> </li> <li class="col mb-4" data-name="arrow-90deg-right" data-tags="arrow right-angle" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-90deg-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-90deg-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-90deg-right</div> </a> </li> <li class="col mb-4" data-name="arrow-90deg-up" data-tags="arrow right-angle" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-90deg-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-90deg-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-90deg-up</div> </a> </li> <li class="col mb-4" data-name="arrow-bar-down" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-bar-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-bar-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-bar-down</div> </a> </li> <li class="col mb-4" data-name="arrow-bar-left" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-bar-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-bar-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-bar-left</div> </a> </li> <li class="col mb-4" data-name="arrow-bar-right" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-bar-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-bar-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-bar-right</div> </a> </li> <li class="col mb-4" data-name="arrow-bar-up" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-bar-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-bar-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-bar-up</div> </a> </li> <li class="col mb-4" data-name="arrow-clockwise" data-tags="arrow right spin turn around round rotate refresh reload redo" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-clockwise/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-clockwise"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-clockwise</div> </a> </li> <li class="col mb-4" data-name="arrow-counterclockwise" data-tags="arrow left spin turn around round rotate undo" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-counterclockwise/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-counterclockwise"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-counterclockwise</div> </a> </li> <li class="col mb-4" data-name="arrow-down" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-down</div> </a> </li> <li class="col mb-4" data-name="arrow-down-circle" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-down-circle</div> </a> </li> <li class="col mb-4" data-name="arrow-down-circle-fill" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-circle-fill"></i> </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" data-name="arrow-down-left-circle" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-left-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-left-circle"></i> </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" data-name="arrow-down-left-circle-fill" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-left-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-left-circle-fill"></i> </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" data-name="arrow-down-left-square" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-left-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-left-square"></i> </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" data-name="arrow-down-left-square-fill" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-left-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-left-square-fill"></i> </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" data-name="arrow-down-right-circle" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-right-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-right-circle"></i> </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" data-name="arrow-down-right-circle-fill" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-right-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-right-circle-fill"></i> </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" data-name="arrow-down-right-square" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-right-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-right-square"></i> </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" data-name="arrow-down-right-square-fill" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-right-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-right-square-fill"></i> </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" data-name="arrow-down-square" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-down-square</div> </a> </li> <li class="col mb-4" data-name="arrow-down-square-fill" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-square-fill"></i> </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" data-name="arrow-down-left" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-down-left</div> </a> </li> <li class="col mb-4" data-name="arrow-down-right" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-down-right</div> </a> </li> <li class="col mb-4" data-name="arrow-down-short" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-short/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-short"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-down-short</div> </a> </li> <li class="col mb-4" data-name="arrow-down-up" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-down-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-down-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-down-up</div> </a> </li> <li class="col mb-4" data-name="arrow-left" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-left</div> </a> </li> <li class="col mb-4" data-name="arrow-left-circle" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-left-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-left-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-left-circle</div> </a> </li> <li class="col mb-4" data-name="arrow-left-circle-fill" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-left-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-left-circle-fill"></i> </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" data-name="arrow-left-square" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-left-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-left-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-left-square</div> </a> </li> <li class="col mb-4" data-name="arrow-left-square-fill" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-left-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-left-square-fill"></i> </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" data-name="arrow-left-right" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-left-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-left-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-left-right</div> </a> </li> <li class="col mb-4" data-name="arrow-left-short" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-left-short/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-left-short"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-left-short</div> </a> </li> <li class="col mb-4" data-name="arrow-repeat" data-tags="arrow spin turn around round rotate sync" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-repeat/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-repeat"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-repeat</div> </a> </li> <li class="col mb-4" data-name="arrow-return-left" data-tags="arrow return" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-return-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-return-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-return-left</div> </a> </li> <li class="col mb-4" data-name="arrow-return-right" data-tags="arrow return" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-return-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-return-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-return-right</div> </a> </li> <li class="col mb-4" data-name="arrow-right" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-right</div> </a> </li> <li class="col mb-4" data-name="arrow-right-circle" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-right-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-right-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-right-circle</div> </a> </li> <li class="col mb-4" data-name="arrow-right-circle-fill" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-right-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-right-circle-fill"></i> </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" data-name="arrow-right-square" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-right-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-right-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-right-square</div> </a> </li> <li class="col mb-4" data-name="arrow-right-square-fill" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-right-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-right-square-fill"></i> </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" data-name="arrow-right-short" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-right-short/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-right-short"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-right-short</div> </a> </li> <li class="col mb-4" data-name="arrow-through-heart" data-tags="cupid love valentine" data-categories="arrows love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-through-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-through-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-through-heart</div> </a> </li> <li class="col mb-4" data-name="arrow-through-heart-fill" data-tags="cupid love valentine" data-categories="arrows love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-through-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-through-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-through-heart-fill</div> </a> </li> <li class="col mb-4" data-name="arrow-up" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-up</div> </a> </li> <li class="col mb-4" data-name="arrow-up-circle" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-up-circle</div> </a> </li> <li class="col mb-4" data-name="arrow-up-circle-fill" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-circle-fill"></i> </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" data-name="arrow-up-left-circle" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-left-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-left-circle"></i> </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" data-name="arrow-up-left-circle-fill" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-left-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-left-circle-fill"></i> </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" data-name="arrow-up-left-square" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-left-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-left-square"></i> </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" data-name="arrow-up-left-square-fill" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-left-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-left-square-fill"></i> </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" data-name="arrow-up-right-circle" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-right-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-right-circle"></i> </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" data-name="arrow-up-right-circle-fill" data-tags="arrow circle" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-right-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-right-circle-fill"></i> </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" data-name="arrow-up-right-square" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-right-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-right-square"></i> </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" data-name="arrow-up-right-square-fill" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-right-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-right-square-fill"></i> </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" data-name="arrow-up-square" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-up-square</div> </a> </li> <li class="col mb-4" data-name="arrow-up-square-fill" data-tags="arrow square" data-categories="shape arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-square-fill"></i> </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" data-name="arrow-up-left" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-up-left</div> </a> </li> <li class="col mb-4" data-name="arrow-up-right" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-up-right</div> </a> </li> <li class="col mb-4" data-name="arrow-up-short" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrow-up-short/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrow-up-short"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrow-up-short</div> </a> </li> <li class="col mb-4" data-name="arrows" data-tags="arrow resize" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows</div> </a> </li> <li class="col mb-4" data-name="arrows-angle-contract" data-tags="arrow resize" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows-angle-contract/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows-angle-contract"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows-angle-contract</div> </a> </li> <li class="col mb-4" data-name="arrows-angle-expand" data-tags="arrow resize" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows-angle-expand/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows-angle-expand"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows-angle-expand</div> </a> </li> <li class="col mb-4" data-name="arrows-collapse" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows-collapse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows-collapse"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows-collapse</div> </a> </li> <li class="col mb-4" data-name="arrows-collapse-vertical" data-tags="arrow resize" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows-collapse-vertical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows-collapse-vertical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows-collapse-vertical</div> </a> </li> <li class="col mb-4" data-name="arrows-expand" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows-expand/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows-expand"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows-expand</div> </a> </li> <li class="col mb-4" data-name="arrows-expand-vertical" data-tags="arrow resize" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows-expand-vertical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows-expand-vertical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows-expand-vertical</div> </a> </li> <li class="col mb-4" data-name="arrows-fullscreen" data-tags="arrow" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows-fullscreen/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows-fullscreen"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows-fullscreen</div> </a> </li> <li class="col mb-4" data-name="arrows-move" data-tags="arrow cursor move" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows-move/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows-move"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows-move</div> </a> </li> <li class="col mb-4" data-name="arrows-vertical" data-tags="arrow resize" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/arrows-vertical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-arrows-vertical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">arrows-vertical</div> </a> </li> <li class="col mb-4" data-name="aspect-ratio" data-tags="size resize crop dimensions" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/aspect-ratio/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-aspect-ratio"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">aspect-ratio</div> </a> </li> <li class="col mb-4" data-name="aspect-ratio-fill" data-tags="size resize crop dimensions" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/aspect-ratio-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-aspect-ratio-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">aspect-ratio-fill</div> </a> </li> <li class="col mb-4" data-name="asterisk" data-tags="asterisks star" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/asterisk/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-asterisk"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">asterisk</div> </a> </li> <li class="col mb-4" data-name="at" data-tags="mention sign" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/at/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-at"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">at</div> </a> </li> <li class="col mb-4" data-name="award" data-tags="prize rosette" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/award/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-award"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">award</div> </a> </li> <li class="col mb-4" data-name="award-fill" data-tags="prize rosette" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/award-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-award-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">award-fill</div> </a> </li> <li class="col mb-4" data-name="back" data-tags="backward layer" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/back/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-back"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">back</div> </a> </li> <li class="col mb-4" data-name="backpack" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backpack/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backpack"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backpack</div> </a> </li> <li class="col mb-4" data-name="backpack-fill" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backpack-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backpack-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backpack-fill</div> </a> </li> <li class="col mb-4" data-name="backpack2" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backpack2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backpack2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backpack2</div> </a> </li> <li class="col mb-4" data-name="backpack2-fill" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backpack2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backpack2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backpack2-fill</div> </a> </li> <li class="col mb-4" data-name="backpack3" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backpack3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backpack3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backpack3</div> </a> </li> <li class="col mb-4" data-name="backpack3-fill" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backpack3-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backpack3-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backpack3-fill</div> </a> </li> <li class="col mb-4" data-name="backpack4" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backpack4/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backpack4"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backpack4</div> </a> </li> <li class="col mb-4" data-name="backpack4-fill" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backpack4-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backpack4-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backpack4-fill</div> </a> </li> <li class="col mb-4" data-name="backspace" data-tags="key" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backspace/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backspace"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backspace</div> </a> </li> <li class="col mb-4" data-name="backspace-fill" data-tags="key" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backspace-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backspace-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backspace-fill</div> </a> </li> <li class="col mb-4" data-name="backspace-reverse" data-tags="key" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backspace-reverse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backspace-reverse"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backspace-reverse</div> </a> </li> <li class="col mb-4" data-name="backspace-reverse-fill" data-tags="key" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/backspace-reverse-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-backspace-reverse-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">backspace-reverse-fill</div> </a> </li> <li class="col mb-4" data-name="badge-3d" data-tags="3d display dimension" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-3d/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-3d"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-3d</div> </a> </li> <li class="col mb-4" data-name="badge-3d-fill" data-tags="3d display dimension" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-3d-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-3d-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-3d-fill</div> </a> </li> <li class="col mb-4" data-name="badge-4k" data-tags="4k display resolution retina" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-4k/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-4k"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-4k</div> </a> </li> <li class="col mb-4" data-name="badge-4k-fill" data-tags="4k display resolution retina" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-4k-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-4k-fill"></i> </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-name="badge-8k" data-tags="4k display resolution retina" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-8k/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-8k"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-8k</div> </a> </li> <li class="col mb-4" data-name="badge-8k-fill" data-tags="4k display resolution retina" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-8k-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-8k-fill"></i> </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-name="badge-ad" data-tags="advertisement" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-ad/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-ad"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-ad</div> </a> </li> <li class="col mb-4" data-name="badge-ad-fill" data-tags="advertisement" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-ad-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-ad-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-ad-fill</div> </a> </li> <li class="col mb-4" data-name="badge-ar" data-tags="augmented reality ar" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-ar/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-ar"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-ar</div> </a> </li> <li class="col mb-4" data-name="badge-ar-fill" data-tags="augmented reality ar" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-ar-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-ar-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-ar-fill</div> </a> </li> <li class="col mb-4" data-name="badge-cc" data-tags="closed captioning" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-cc/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-cc"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-cc</div> </a> </li> <li class="col mb-4" data-name="badge-cc-fill" data-tags="closed captioning" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-cc-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-cc-fill"></i> </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-name="badge-hd" data-tags="display resolution high definition" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-hd/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-hd"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-hd</div> </a> </li> <li class="col mb-4" data-name="badge-hd-fill" data-tags="display resolution high definition" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-hd-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-hd-fill"></i> </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-name="badge-sd" data-tags="display resolution standard definition" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-sd/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-sd"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-sd</div> </a> </li> <li class="col mb-4" data-name="badge-sd-fill" data-tags="display resolution standard definition" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-sd-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-sd-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-sd-fill</div> </a> </li> <li class="col mb-4" data-name="badge-tm" data-tags="trademark" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-tm/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-tm"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-tm</div> </a> </li> <li class="col mb-4" data-name="badge-tm-fill" data-tags="trademark" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-tm-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-tm-fill"></i> </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-name="badge-vo" data-tags="voiceover accessibility" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-vo/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-vo"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-vo</div> </a> </li> <li class="col mb-4" data-name="badge-vo-fill" data-tags="voiceover accessibility" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-vo-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-vo-fill"></i> </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-name="badge-vr" data-tags="virtual reality vr" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-vr/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-vr"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-vr</div> </a> </li> <li class="col mb-4" data-name="badge-vr-fill" data-tags="virtual reality vr" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-vr-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-vr-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-vr-fill</div> </a> </li> <li class="col mb-4" data-name="badge-wc" data-tags="wash closet wc" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-wc/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-wc"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-wc</div> </a> </li> <li class="col mb-4" data-name="badge-wc-fill" data-tags="wash closet wc" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/badge-wc-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-badge-wc-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">badge-wc-fill</div> </a> </li> <li class="col mb-4" data-name="bag" data-tags="shopping cart purchase buy" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag</div> </a> </li> <li class="col mb-4" data-name="bag-check" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-check</div> </a> </li> <li class="col mb-4" data-name="bag-check-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-check-fill</div> </a> </li> <li class="col mb-4" data-name="bag-dash" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-dash</div> </a> </li> <li class="col mb-4" data-name="bag-dash-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-dash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-dash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-dash-fill</div> </a> </li> <li class="col mb-4" data-name="bag-fill" data-tags="shopping cart purchase buy" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-fill</div> </a> </li> <li class="col mb-4" data-name="bag-heart" data-tags="shopping cart purchase buy valentine love" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-heart</div> </a> </li> <li class="col mb-4" data-name="bag-heart-fill" data-tags="shopping cart purchase buy valentine love" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-heart-fill</div> </a> </li> <li class="col mb-4" data-name="bag-plus" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-plus</div> </a> </li> <li class="col mb-4" data-name="bag-plus-fill" data-tags="shopping add cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-plus-fill</div> </a> </li> <li class="col mb-4" data-name="bag-x" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-x</div> </a> </li> <li class="col mb-4" data-name="bag-x-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bag-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bag-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bag-x-fill</div> </a> </li> <li class="col mb-4" data-name="balloon" data-tags="birthday" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/balloon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-balloon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">balloon</div> </a> </li> <li class="col mb-4" data-name="balloon-fill" data-tags="birthday" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/balloon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-balloon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">balloon-fill</div> </a> </li> <li class="col mb-4" data-name="balloon-heart" data-tags="birthday valentine love" data-categories="real world love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/balloon-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-balloon-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">balloon-heart</div> </a> </li> <li class="col mb-4" data-name="balloon-heart-fill" data-tags="birthday valentine love" data-categories="real world love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/balloon-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-balloon-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">balloon-heart-fill</div> </a> </li> <li class="col mb-4" data-name="ban" data-tags="false not allowed block" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ban/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ban"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ban</div> </a> </li> <li class="col mb-4" data-name="ban-fill" data-tags="false not allowed" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ban-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ban-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ban-fill</div> </a> </li> <li class="col mb-4" data-name="bandaid" data-tags="bandage health" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bandaid/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bandaid"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bandaid</div> </a> </li> <li class="col mb-4" data-name="bandaid-fill" data-tags="bandage health" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bandaid-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bandaid-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bandaid-fill</div> </a> </li> <li class="col mb-4" data-name="bank" data-tags="money finance banking market temple" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bank/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bank"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bank</div> </a> </li> <li class="col mb-4" data-name="bank2" data-tags="money finance banking market temple" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bank2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bank2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bank2</div> </a> </li> <li class="col mb-4" data-name="bar-chart" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bar-chart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bar-chart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bar-chart</div> </a> </li> <li class="col mb-4" data-name="bar-chart-fill" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bar-chart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bar-chart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bar-chart-fill</div> </a> </li> <li class="col mb-4" data-name="bar-chart-line" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bar-chart-line/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bar-chart-line"></i> </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-name="bar-chart-line-fill" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bar-chart-line-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bar-chart-line-fill"></i> </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-name="bar-chart-steps" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bar-chart-steps/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bar-chart-steps"></i> </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-name="basket" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/basket/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-basket"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">basket</div> </a> </li> <li class="col mb-4" data-name="basket-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/basket-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-basket-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">basket-fill</div> </a> </li> <li class="col mb-4" data-name="basket2" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/basket2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-basket2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">basket2</div> </a> </li> <li class="col mb-4" data-name="basket2-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/basket2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-basket2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">basket2-fill</div> </a> </li> <li class="col mb-4" data-name="basket3" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/basket3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-basket3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">basket3</div> </a> </li> <li class="col mb-4" data-name="basket3-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/basket3-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-basket3-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">basket3-fill</div> </a> </li> <li class="col mb-4" data-name="battery" data-tags="power charge" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/battery/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-battery"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">battery</div> </a> </li> <li class="col mb-4" data-name="battery-charging" data-tags="power charge" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/battery-charging/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-battery-charging"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">battery-charging</div> </a> </li> <li class="col mb-4" data-name="battery-full" data-tags="power charge" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/battery-full/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-battery-full"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">battery-full</div> </a> </li> <li class="col mb-4" data-name="battery-half" data-tags="power charge" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/battery-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-battery-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">battery-half</div> </a> </li> <li class="col mb-4" data-name="behance" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/behance/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-behance"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">behance</div> </a> </li> <li class="col mb-4" data-name="bell" data-tags="notification clock" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bell/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bell"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bell</div> </a> </li> <li class="col mb-4" data-name="bell-fill" data-tags="notification clock" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bell-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bell-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bell-fill</div> </a> </li> <li class="col mb-4" data-name="bell-slash" data-tags="notification silenced clock" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bell-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bell-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bell-slash</div> </a> </li> <li class="col mb-4" data-name="bell-slash-fill" data-tags="notification silenced clock" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bell-slash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bell-slash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bell-slash-fill</div> </a> </li> <li class="col mb-4" data-name="bezier" data-tags="graphics vector pen" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bezier/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bezier"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bezier</div> </a> </li> <li class="col mb-4" data-name="bezier2" data-tags="graphics vector pen" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bezier2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bezier2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bezier2</div> </a> </li> <li class="col mb-4" data-name="bicycle" data-tags="bike riding bicycling" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bicycle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bicycle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bicycle</div> </a> </li> <li class="col mb-4" data-name="bing" data-tags="search microsoft" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bing/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bing"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bing</div> </a> </li> <li class="col mb-4" data-name="binoculars" data-tags="distance view search" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/binoculars/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-binoculars"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">binoculars</div> </a> </li> <li class="col mb-4" data-name="binoculars-fill" data-tags="distance view search" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/binoculars-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-binoculars-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">binoculars-fill</div> </a> </li> <li class="col mb-4" data-name="blockquote-left" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/blockquote-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-blockquote-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">blockquote-left</div> </a> </li> <li class="col mb-4" data-name="blockquote-right" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/blockquote-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-blockquote-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">blockquote-right</div> </a> </li> <li class="col mb-4" data-name="bluetooth" data-tags="wireless" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bluetooth/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bluetooth"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bluetooth</div> </a> </li> <li class="col mb-4" data-name="body-text" data-tags="content" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/body-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-body-text"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">body-text</div> </a> </li> <li class="col mb-4" data-name="book" data-tags="novel read magazine" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/book/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-book"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">book</div> </a> </li> <li class="col mb-4" data-name="book-fill" data-tags="novel read magazine" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/book-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-book-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">book-fill</div> </a> </li> <li class="col mb-4" data-name="book-half" data-tags="novel read magazine" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/book-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-book-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">book-half</div> </a> </li> <li class="col mb-4" data-name="bookmark" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark</div> </a> </li> <li class="col mb-4" data-name="bookmark-check" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-check</div> </a> </li> <li class="col mb-4" data-name="bookmark-check-fill" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-check-fill</div> </a> </li> <li class="col mb-4" data-name="bookmark-dash" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-dash</div> </a> </li> <li class="col mb-4" data-name="bookmark-dash-fill" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-dash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-dash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-dash-fill</div> </a> </li> <li class="col mb-4" data-name="bookmark-fill" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-fill</div> </a> </li> <li class="col mb-4" data-name="bookmark-heart" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-heart</div> </a> </li> <li class="col mb-4" data-name="bookmark-heart-fill" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-heart-fill</div> </a> </li> <li class="col mb-4" data-name="bookmark-plus" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-plus</div> </a> </li> <li class="col mb-4" data-name="bookmark-plus-fill" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-plus-fill</div> </a> </li> <li class="col mb-4" data-name="bookmark-star" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-star/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-star"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-star</div> </a> </li> <li class="col mb-4" data-name="bookmark-star-fill" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-star-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-star-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-star-fill</div> </a> </li> <li class="col mb-4" data-name="bookmark-x" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-x</div> </a> </li> <li class="col mb-4" data-name="bookmark-x-fill" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmark-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmark-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmark-x-fill</div> </a> </li> <li class="col mb-4" data-name="bookmarks" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmarks/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmarks"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmarks</div> </a> </li> <li class="col mb-4" data-name="bookmarks-fill" data-tags="reading book label tag category" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookmarks-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookmarks-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookmarks-fill</div> </a> </li> <li class="col mb-4" data-name="bookshelf" data-tags="shelf" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bookshelf/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bookshelf"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bookshelf</div> </a> </li> <li class="col mb-4" data-name="boombox" data-tags="music" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/boombox/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-boombox"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">boombox</div> </a> </li> <li class="col mb-4" data-name="boombox-fill" data-tags="music" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/boombox-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-boombox-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">boombox-fill</div> </a> </li> <li class="col mb-4" data-name="bootstrap" data-tags="bootstrap" data-categories="bootstrap"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bootstrap/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bootstrap"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bootstrap</div> </a> </li> <li class="col mb-4" data-name="bootstrap-fill" data-tags="bootstrap" data-categories="bootstrap"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bootstrap-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bootstrap-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bootstrap-fill</div> </a> </li> <li class="col mb-4" data-name="bootstrap-reboot" data-tags="bootstrap" data-categories="bootstrap"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bootstrap-reboot/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bootstrap-reboot"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bootstrap-reboot</div> </a> </li> <li class="col mb-4" data-name="border" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border</div> </a> </li> <li class="col mb-4" data-name="border-all" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-all/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-all"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-all</div> </a> </li> <li class="col mb-4" data-name="border-bottom" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-bottom/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-bottom"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-bottom</div> </a> </li> <li class="col mb-4" data-name="border-center" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-center/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-center"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-center</div> </a> </li> <li class="col mb-4" data-name="border-inner" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-inner/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-inner"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-inner</div> </a> </li> <li class="col mb-4" data-name="border-left" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-left</div> </a> </li> <li class="col mb-4" data-name="border-middle" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-middle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-middle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-middle</div> </a> </li> <li class="col mb-4" data-name="border-outer" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-outer/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-outer"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-outer</div> </a> </li> <li class="col mb-4" data-name="border-right" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-right</div> </a> </li> <li class="col mb-4" data-name="border-style" data-tags="borders wysiwyg" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-style/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-style"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-style</div> </a> </li> <li class="col mb-4" data-name="border-top" data-tags="borders" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-top/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-top"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-top</div> </a> </li> <li class="col mb-4" data-name="border-width" data-tags="borders wysiwyg" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/border-width/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-border-width"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">border-width</div> </a> </li> <li class="col mb-4" data-name="bounding-box" data-tags="text shape resize dimensions" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bounding-box/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bounding-box"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bounding-box</div> </a> </li> <li class="col mb-4" data-name="bounding-box-circles" data-tags="text shape resize dimensions" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bounding-box-circles/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bounding-box-circles"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bounding-box-circles</div> </a> </li> <li class="col mb-4" data-name="box" data-tags="cardboard package cube" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box</div> </a> </li> <li class="col mb-4" data-name="box-arrow-down-left" data-tags="arrow" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-down-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-down-left"></i> </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" data-name="box-arrow-down-right" data-tags="arrow" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-down-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-down-right"></i> </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" data-name="box-arrow-down" data-tags="arrow download save" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box-arrow-down</div> </a> </li> <li class="col mb-4" data-name="box-arrow-in-down" data-tags="arrow upload" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-in-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-in-down"></i> </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" data-name="box-arrow-in-down-left" data-tags="arrow" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-in-down-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-in-down-left"></i> </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" data-name="box-arrow-in-down-right" data-tags="arrow" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-in-down-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-in-down-right"></i> </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" data-name="box-arrow-in-left" data-tags="arrow login signin enter" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-in-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-in-left"></i> </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" data-name="box-arrow-in-right" data-tags="arrow login signin enter" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-in-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-in-right"></i> </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" data-name="box-arrow-in-up" data-tags="arrow" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-in-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-in-up"></i> </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" data-name="box-arrow-in-up-left" data-tags="arrow" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-in-up-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-in-up-left"></i> </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" data-name="box-arrow-in-up-right" data-tags="arrow" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-in-up-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-in-up-right"></i> </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" data-name="box-arrow-left" data-tags="arrow logout signout exit" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box-arrow-left</div> </a> </li> <li class="col mb-4" data-name="box-arrow-right" data-tags="arrow logout signout exit" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box-arrow-right</div> </a> </li> <li class="col mb-4" data-name="box-arrow-up" data-tags="arrow" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box-arrow-up</div> </a> </li> <li class="col mb-4" data-name="box-arrow-up-left" data-tags="arrow external link" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-up-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-up-left"></i> </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" data-name="box-arrow-up-right" data-tags="arrow external link" data-categories="box arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-arrow-up-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-arrow-up-right"></i> </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" data-name="box-fill" data-tags="cardboard package" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box-fill</div> </a> </li> <li class="col mb-4" data-name="box-seam" data-tags="cardboard package" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-seam/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-seam"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box-seam</div> </a> </li> <li class="col mb-4" data-name="box-seam-fill" data-tags="cardboard package" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box-seam-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box-seam-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box-seam-fill</div> </a> </li> <li class="col mb-4" data-name="box2" data-tags="cardboard package cube" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box2</div> </a> </li> <li class="col mb-4" data-name="box2-fill" data-tags="cardboard package cube" data-categories="real world love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box2-fill</div> </a> </li> <li class="col mb-4" data-name="box2-heart" data-tags="cardboard package cube gift valentine love" data-categories="real world love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box2-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box2-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box2-heart</div> </a> </li> <li class="col mb-4" data-name="box2-heart-fill" data-tags="cardboard package cube gift valentine love" data-categories="real world love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/box2-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-box2-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">box2-heart-fill</div> </a> </li> <li class="col mb-4" data-name="boxes" data-tags="cardboard package cube" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/boxes/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-boxes"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">boxes</div> </a> </li> <li class="col mb-4" data-name="braces" data-tags="text type code developer development software" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/braces/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-braces"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">braces</div> </a> </li> <li class="col mb-4" data-name="braces-asterisk" data-tags="text type code developer development software" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/braces-asterisk/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-braces-asterisk"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">braces-asterisk</div> </a> </li> <li class="col mb-4" data-name="bricks" data-tags="wall firewall" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bricks/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bricks"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bricks</div> </a> </li> <li class="col mb-4" data-name="briefcase" data-tags="business bag baggage" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/briefcase/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-briefcase"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">briefcase</div> </a> </li> <li class="col mb-4" data-name="briefcase-fill" data-tags="business bag baggage" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/briefcase-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-briefcase-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">briefcase-fill</div> </a> </li> <li class="col mb-4" data-name="brightness-alt-high" data-tags="brightness sun weather" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brightness-alt-high/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brightness-alt-high"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">brightness-alt-high</div> </a> </li> <li class="col mb-4" data-name="brightness-alt-high-fill" data-tags="brightness sun weather" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brightness-alt-high-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brightness-alt-high-fill"></i> </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" data-name="brightness-alt-low" data-tags="brightness sun weather" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brightness-alt-low/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brightness-alt-low"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">brightness-alt-low</div> </a> </li> <li class="col mb-4" data-name="brightness-alt-low-fill" data-tags="brightness sun weather" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brightness-alt-low-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brightness-alt-low-fill"></i> </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" data-name="brightness-high" data-tags="brightness sun weather" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brightness-high/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brightness-high"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">brightness-high</div> </a> </li> <li class="col mb-4" data-name="brightness-high-fill" data-tags="brightness sun weather" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brightness-high-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brightness-high-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">brightness-high-fill</div> </a> </li> <li class="col mb-4" data-name="brightness-low" data-tags="brightness sun weather" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brightness-low/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brightness-low"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">brightness-low</div> </a> </li> <li class="col mb-4" data-name="brightness-low-fill" data-tags="brightness sun weather" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brightness-low-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brightness-low-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">brightness-low-fill</div> </a> </li> <li class="col mb-4" data-name="brilliance" data-tags="photo editing image picture" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brilliance/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brilliance"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">brilliance</div> </a> </li> <li class="col mb-4" data-name="broadcast" data-tags="radio radio wave amplify wavelength" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/broadcast/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-broadcast"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">broadcast</div> </a> </li> <li class="col mb-4" data-name="broadcast-pin" data-tags="radio radio wave amplify wavelength podcast" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/broadcast-pin/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-broadcast-pin"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">broadcast-pin</div> </a> </li> <li class="col mb-4" data-name="browser-chrome" data-tags="google webkit blink" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/browser-chrome/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-browser-chrome"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">browser-chrome</div> </a> </li> <li class="col mb-4" data-name="browser-edge" data-tags="microsoft webkit" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/browser-edge/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-browser-edge"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">browser-edge</div> </a> </li> <li class="col mb-4" data-name="browser-firefox" data-tags="gecko" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/browser-firefox/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-browser-firefox"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">browser-firefox</div> </a> </li> <li class="col mb-4" data-name="browser-safari" data-tags="webkit apple" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/browser-safari/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-browser-safari"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">browser-safari</div> </a> </li> <li class="col mb-4" data-name="brush" data-tags="paint art" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brush/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brush"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">brush</div> </a> </li> <li class="col mb-4" data-name="brush-fill" data-tags="paint art" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/brush-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-brush-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">brush-fill</div> </a> </li> <li class="col mb-4" data-name="bucket" data-tags="tool pail" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bucket/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bucket"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bucket</div> </a> </li> <li class="col mb-4" data-name="bucket-fill" data-tags="tool pail" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bucket-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bucket-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bucket-fill</div> </a> </li> <li class="col mb-4" data-name="bug" data-tags="insect error" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bug/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bug"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bug</div> </a> </li> <li class="col mb-4" data-name="bug-fill" data-tags="insect error" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bug-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bug-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bug-fill</div> </a> </li> <li class="col mb-4" data-name="building" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building</div> </a> </li> <li class="col mb-4" data-name="building-add" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-add/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-add"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-add</div> </a> </li> <li class="col mb-4" data-name="building-check" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-check</div> </a> </li> <li class="col mb-4" data-name="building-dash" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-dash</div> </a> </li> <li class="col mb-4" data-name="building-down" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-down</div> </a> </li> <li class="col mb-4" data-name="building-exclamation" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-exclamation</div> </a> </li> <li class="col mb-4" data-name="building-fill" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill</div> </a> </li> <li class="col mb-4" data-name="building-fill-add" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-add/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-add"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-add</div> </a> </li> <li class="col mb-4" data-name="building-fill-check" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-check</div> </a> </li> <li class="col mb-4" data-name="building-fill-dash" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-dash</div> </a> </li> <li class="col mb-4" data-name="building-fill-down" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-down</div> </a> </li> <li class="col mb-4" data-name="building-fill-exclamation" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-exclamation</div> </a> </li> <li class="col mb-4" data-name="building-fill-gear" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-gear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-gear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-gear</div> </a> </li> <li class="col mb-4" data-name="building-fill-lock" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-lock</div> </a> </li> <li class="col mb-4" data-name="building-fill-slash" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-slash</div> </a> </li> <li class="col mb-4" data-name="building-fill-up" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-up</div> </a> </li> <li class="col mb-4" data-name="building-fill-x" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-fill-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-fill-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-fill-x</div> </a> </li> <li class="col mb-4" data-name="building-gear" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-gear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-gear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-gear</div> </a> </li> <li class="col mb-4" data-name="building-lock" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-lock</div> </a> </li> <li class="col mb-4" data-name="building-slash" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-slash</div> </a> </li> <li class="col mb-4" data-name="building-up" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-up</div> </a> </li> <li class="col mb-4" data-name="building-x" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/building-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-building-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">building-x</div> </a> </li> <li class="col mb-4" data-name="buildings" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/buildings/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-buildings"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">buildings</div> </a> </li> <li class="col mb-4" data-name="buildings-fill" data-tags="company enterprise organization office business" data-categories="buildings"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/buildings-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-buildings-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">buildings-fill</div> </a> </li> <li class="col mb-4" data-name="bullseye" data-tags="target" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bullseye/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bullseye"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bullseye</div> </a> </li> <li class="col mb-4" data-name="bus-front" data-tags="public transit commute" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bus-front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bus-front"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bus-front</div> </a> </li> <li class="col mb-4" data-name="bus-front-fill" data-tags="public transit commute" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/bus-front-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-bus-front-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">bus-front-fill</div> </a> </li> <li class="col mb-4" data-name="c-circle" data-tags="copyright" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/c-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-c-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">c-circle</div> </a> </li> <li class="col mb-4" data-name="c-circle-fill" data-tags="copyright" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/c-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-c-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">c-circle-fill</div> </a> </li> <li class="col mb-4" data-name="c-square" data-tags="copyright" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/c-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-c-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">c-square</div> </a> </li> <li class="col mb-4" data-name="c-square-fill" data-tags="copyright" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/c-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-c-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">c-square-fill</div> </a> </li> <li class="col mb-4" data-name="cake" data-tags="birthday celebrate dessert" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cake/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cake"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cake</div> </a> </li> <li class="col mb-4" data-name="cake-fill" data-tags="birthday celebrate dessert" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cake-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cake-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cake-fill</div> </a> </li> <li class="col mb-4" data-name="cake2" data-tags="birthday celebrate dessert" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cake2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cake2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cake2</div> </a> </li> <li class="col mb-4" data-name="cake2-fill" data-tags="birthday celebrate dessert" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cake2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cake2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cake2-fill</div> </a> </li> <li class="col mb-4" data-name="calculator" data-tags="calculator math" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calculator/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calculator"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calculator</div> </a> </li> <li class="col mb-4" data-name="calculator-fill" data-tags="calculator math" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calculator-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calculator-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calculator-fill</div> </a> </li> <li class="col mb-4" data-name="calendar" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar</div> </a> </li> <li class="col mb-4" data-name="calendar-check" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-check</div> </a> </li> <li class="col mb-4" data-name="calendar-check-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-check-fill</div> </a> </li> <li class="col mb-4" data-name="calendar-date" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-date/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-date"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-date</div> </a> </li> <li class="col mb-4" data-name="calendar-date-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-date-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-date-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-date-fill</div> </a> </li> <li class="col mb-4" data-name="calendar-day" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-day/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-day"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-day</div> </a> </li> <li class="col mb-4" data-name="calendar-day-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-day-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-day-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-day-fill</div> </a> </li> <li class="col mb-4" data-name="calendar-event" data-tags="date time event invite" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-event/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-event"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-event</div> </a> </li> <li class="col mb-4" data-name="calendar-event-fill" data-tags="date time event invite" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-event-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-event-fill"></i> </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-name="calendar-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-fill</div> </a> </li> <li class="col mb-4" data-name="calendar-heart" data-tags="date time month valentine date" data-categories="date and time love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-heart</div> </a> </li> <li class="col mb-4" data-name="calendar-heart-fill" data-tags="date time month valentine date" data-categories="date and time love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-heart-fill</div> </a> </li> <li class="col mb-4" data-name="calendar-minus" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-minus</div> </a> </li> <li class="col mb-4" data-name="calendar-minus-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-minus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-minus-fill</div> </a> </li> <li class="col mb-4" data-name="calendar-month" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-month/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-month"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-month</div> </a> </li> <li class="col mb-4" data-name="calendar-month-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-month-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-month-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-month-fill</div> </a> </li> <li class="col mb-4" data-name="calendar-plus" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-plus</div> </a> </li> <li class="col mb-4" data-name="calendar-plus-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-plus-fill</div> </a> </li> <li class="col mb-4" data-name="calendar-range" data-tags="dates timeline duration" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-range/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-range"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-range</div> </a> </li> <li class="col mb-4" data-name="calendar-range-fill" data-tags="dates timeline duration" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-range-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-range-fill"></i> </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-name="calendar-week" data-tags="dates timeline duration week" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-week/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-week"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-week</div> </a> </li> <li class="col mb-4" data-name="calendar-week-fill" data-tags="dates timeline duration week" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-week-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-week-fill"></i> </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-name="calendar-x" data-tags="date time month remove delete" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-x</div> </a> </li> <li class="col mb-4" data-name="calendar-x-fill" data-tags="date time month remove delete" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar-x-fill</div> </a> </li> <li class="col mb-4" data-name="calendar2" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2</div> </a> </li> <li class="col mb-4" data-name="calendar2-check" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-check</div> </a> </li> <li class="col mb-4" data-name="calendar2-check-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-check-fill</div> </a> </li> <li class="col mb-4" data-name="calendar2-date" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-date/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-date"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-date</div> </a> </li> <li class="col mb-4" data-name="calendar2-date-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-date-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-date-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-date-fill</div> </a> </li> <li class="col mb-4" data-name="calendar2-day" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-day/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-day"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-day</div> </a> </li> <li class="col mb-4" data-name="calendar2-day-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-day-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-day-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-day-fill</div> </a> </li> <li class="col mb-4" data-name="calendar2-event" data-tags="date time event invite" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-event/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-event"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-event</div> </a> </li> <li class="col mb-4" data-name="calendar2-event-fill" data-tags="date time event invite" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-event-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-event-fill"></i> </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-name="calendar2-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-fill</div> </a> </li> <li class="col mb-4" data-name="calendar2-heart" data-tags="date time month valentine date" data-categories="date and time love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-heart</div> </a> </li> <li class="col mb-4" data-name="calendar2-heart-fill" data-tags="date time month valentine date" data-categories="date and time love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-heart-fill</div> </a> </li> <li class="col mb-4" data-name="calendar2-minus" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-minus</div> </a> </li> <li class="col mb-4" data-name="calendar2-minus-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-minus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-minus-fill</div> </a> </li> <li class="col mb-4" data-name="calendar2-month" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-month/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-month"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-month</div> </a> </li> <li class="col mb-4" data-name="calendar2-month-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-month-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-month-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-month-fill</div> </a> </li> <li class="col mb-4" data-name="calendar2-plus" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-plus</div> </a> </li> <li class="col mb-4" data-name="calendar2-plus-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-plus-fill</div> </a> </li> <li class="col mb-4" data-name="calendar2-range" data-tags="dates timeline duration" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-range/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-range"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-range</div> </a> </li> <li class="col mb-4" data-name="calendar2-range-fill" data-tags="dates timeline duration" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-range-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-range-fill"></i> </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-name="calendar2-week" data-tags="dates timeline duration week" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-week/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-week"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-week</div> </a> </li> <li class="col mb-4" data-name="calendar2-week-fill" data-tags="dates timeline duration week" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-week-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-week-fill"></i> </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-name="calendar2-x" data-tags="date time month remove delete" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-x</div> </a> </li> <li class="col mb-4" data-name="calendar2-x-fill" data-tags="date time month remove delete" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar2-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar2-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar2-x-fill</div> </a> </li> <li class="col mb-4" data-name="calendar3" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar3</div> </a> </li> <li class="col mb-4" data-name="calendar3-event" data-tags="date time event invite" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar3-event/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar3-event"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar3-event</div> </a> </li> <li class="col mb-4" data-name="calendar3-event-fill" data-tags="date time event invite" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar3-event-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar3-event-fill"></i> </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-name="calendar3-fill" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar3-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar3-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar3-fill</div> </a> </li> <li class="col mb-4" data-name="calendar3-range" data-tags="dates timeline duration" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar3-range/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar3-range"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar3-range</div> </a> </li> <li class="col mb-4" data-name="calendar3-range-fill" data-tags="dates timeline duration" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar3-range-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar3-range-fill"></i> </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-name="calendar3-week" data-tags="dates timeline duration week" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar3-week/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar3-week"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar3-week</div> </a> </li> <li class="col mb-4" data-name="calendar3-week-fill" data-tags="dates timeline duration week" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar3-week-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar3-week-fill"></i> </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-name="calendar4" data-tags="date time month" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar4/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar4"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar4</div> </a> </li> <li class="col mb-4" data-name="calendar4-event" data-tags="date time event invite" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar4-event/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar4-event"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar4-event</div> </a> </li> <li class="col mb-4" data-name="calendar4-range" data-tags="dates timeline duration" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar4-range/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar4-range"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar4-range</div> </a> </li> <li class="col mb-4" data-name="calendar4-week" data-tags="dates timeline duration week" data-categories="date and time"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/calendar4-week/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-calendar4-week"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">calendar4-week</div> </a> </li> <li class="col mb-4" data-name="camera" data-tags="photos photography" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/camera/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-camera"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">camera</div> </a> </li> <li class="col mb-4" data-name="camera2" data-tags="photos photography" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/camera2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-camera2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">camera2</div> </a> </li> <li class="col mb-4" data-name="camera-fill" data-tags="photos photography" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/camera-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-camera-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">camera-fill</div> </a> </li> <li class="col mb-4" data-name="camera-reels" data-tags="av video film" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/camera-reels/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-camera-reels"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">camera-reels</div> </a> </li> <li class="col mb-4" data-name="camera-reels-fill" data-tags="av video film" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/camera-reels-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-camera-reels-fill"></i> </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-name="camera-video" data-tags="av video film" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/camera-video/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-camera-video"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">camera-video</div> </a> </li> <li class="col mb-4" data-name="camera-video-fill" data-tags="av video film" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/camera-video-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-camera-video-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">camera-video-fill</div> </a> </li> <li class="col mb-4" data-name="camera-video-off" data-tags="av video film" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/camera-video-off/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-camera-video-off"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">camera-video-off</div> </a> </li> <li class="col mb-4" data-name="camera-video-off-fill" data-tags="av video film" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/camera-video-off-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-camera-video-off-fill"></i> </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" data-name="capslock" data-tags="key" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/capslock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-capslock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">capslock</div> </a> </li> <li class="col mb-4" data-name="capslock-fill" data-tags="key" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/capslock-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-capslock-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">capslock-fill</div> </a> </li> <li class="col mb-4" data-name="capsule" data-tags="rx pills capsules medicine" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/capsule/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-capsule"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">capsule</div> </a> </li> <li class="col mb-4" data-name="capsule-pill" data-tags="rx pills capsules medicine" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/capsule-pill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-capsule-pill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">capsule-pill</div> </a> </li> <li class="col mb-4" data-name="car-front" data-tags="automobile automotive auto sedan drive driving vehicle" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/car-front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-car-front"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">car-front</div> </a> </li> <li class="col mb-4" data-name="car-front-fill" data-tags="automobile automotive auto sedan drive driving vehicle" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/car-front-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-car-front-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">car-front-fill</div> </a> </li> <li class="col mb-4" data-name="card-checklist" data-tags="note card notecard" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/card-checklist/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-card-checklist"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">card-checklist</div> </a> </li> <li class="col mb-4" data-name="card-heading" data-tags="note card notecard" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/card-heading/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-card-heading"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">card-heading</div> </a> </li> <li class="col mb-4" data-name="card-image" data-tags="note card notecard" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/card-image/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-card-image"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">card-image</div> </a> </li> <li class="col mb-4" data-name="card-list" data-tags="note card notecard" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/card-list/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-card-list"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">card-list</div> </a> </li> <li class="col mb-4" data-name="card-text" data-tags="note card notecard letter" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/card-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-card-text"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">card-text</div> </a> </li> <li class="col mb-4" data-name="caret-down" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-down</div> </a> </li> <li class="col mb-4" data-name="caret-down-fill" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-down-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-down-fill</div> </a> </li> <li class="col mb-4" data-name="caret-down-square" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-down-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-down-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-down-square</div> </a> </li> <li class="col mb-4" data-name="caret-down-square-fill" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-down-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-down-square-fill"></i> </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" data-name="caret-left" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-left</div> </a> </li> <li class="col mb-4" data-name="caret-left-fill" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-left-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-left-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-left-fill</div> </a> </li> <li class="col mb-4" data-name="caret-left-square" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-left-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-left-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-left-square</div> </a> </li> <li class="col mb-4" data-name="caret-left-square-fill" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-left-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-left-square-fill"></i> </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" data-name="caret-right" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-right</div> </a> </li> <li class="col mb-4" data-name="caret-right-fill" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-right-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-right-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-right-fill</div> </a> </li> <li class="col mb-4" data-name="caret-right-square" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-right-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-right-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-right-square</div> </a> </li> <li class="col mb-4" data-name="caret-right-square-fill" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-right-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-right-square-fill"></i> </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" data-name="caret-up" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-up</div> </a> </li> <li class="col mb-4" data-name="caret-up-fill" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-up-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-up-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-up-fill</div> </a> </li> <li class="col mb-4" data-name="caret-up-square" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-up-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-up-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">caret-up-square</div> </a> </li> <li class="col mb-4" data-name="caret-up-square-fill" data-tags="caret arrow triangle" data-categories="carets"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/caret-up-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-caret-up-square-fill"></i> </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" data-name="cart" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart</div> </a> </li> <li class="col mb-4" data-name="cart-check" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart-check</div> </a> </li> <li class="col mb-4" data-name="cart-check-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart-check-fill</div> </a> </li> <li class="col mb-4" data-name="cart-dash" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart-dash</div> </a> </li> <li class="col mb-4" data-name="cart-dash-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart-dash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart-dash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart-dash-fill</div> </a> </li> <li class="col mb-4" data-name="cart-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart-fill</div> </a> </li> <li class="col mb-4" data-name="cart-plus" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart-plus</div> </a> </li> <li class="col mb-4" data-name="cart-plus-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart-plus-fill</div> </a> </li> <li class="col mb-4" data-name="cart-x" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart-x</div> </a> </li> <li class="col mb-4" data-name="cart-x-fill" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart-x-fill</div> </a> </li> <li class="col mb-4" data-name="cart2" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart2</div> </a> </li> <li class="col mb-4" data-name="cart3" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart3</div> </a> </li> <li class="col mb-4" data-name="cart4" data-tags="shopping checkout check cart basket bag" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cart4/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cart4"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cart4</div> </a> </li> <li class="col mb-4" data-name="cash" data-tags="money bills funds wallet currency" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cash</div> </a> </li> <li class="col mb-4" data-name="cash-coin" data-tags="money finance banking currency" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cash-coin/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cash-coin"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cash-coin</div> </a> </li> <li class="col mb-4" data-name="cash-stack" data-tags="money bills funds wallet currency" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cash-stack/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cash-stack"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cash-stack</div> </a> </li> <li class="col mb-4" data-name="cassette" data-tags="tape music audio" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cassette/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cassette"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cassette</div> </a> </li> <li class="col mb-4" data-name="cassette-fill" data-tags="tape music audio" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cassette-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cassette-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cassette-fill</div> </a> </li> <li class="col mb-4" data-name="cast" data-tags="airplay project stream display" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cast/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cast"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cast</div> </a> </li> <li class="col mb-4" data-name="cc-circle" data-tags="creative commons" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cc-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cc-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cc-circle</div> </a> </li> <li class="col mb-4" data-name="cc-circle-fill" data-tags="creative commons" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cc-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cc-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cc-circle-fill</div> </a> </li> <li class="col mb-4" data-name="cc-square" data-tags="creative commons" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cc-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cc-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cc-square</div> </a> </li> <li class="col mb-4" data-name="cc-square-fill" data-tags="creative commons" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cc-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cc-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cc-square-fill</div> </a> </li> <li class="col mb-4" data-name="chat" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat</div> </a> </li> <li class="col mb-4" data-name="chat-dots" data-tags="chat bubble text message typing comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-dots/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-dots"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-dots</div> </a> </li> <li class="col mb-4" data-name="chat-dots-fill" data-tags="chat bubble text message typing comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-dots-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-dots-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-dots-fill</div> </a> </li> <li class="col mb-4" data-name="chat-fill" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-fill</div> </a> </li> <li class="col mb-4" data-name="chat-heart" data-tags="chat bubble text message valentine romance comment" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-heart</div> </a> </li> <li class="col mb-4" data-name="chat-heart-fill" data-tags="chat bubble text message valentine romance comment" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-heart-fill</div> </a> </li> <li class="col mb-4" data-name="chat-left" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-left</div> </a> </li> <li class="col mb-4" data-name="chat-left-dots" data-tags="chat bubble text message typing comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left-dots/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left-dots"></i> </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-name="chat-left-dots-fill" data-tags="chat bubble text message typing comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left-dots-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left-dots-fill"></i> </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-name="chat-left-fill" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left-fill"></i> </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-name="chat-left-heart" data-tags="chat bubble text message valentine romance comment" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-left-heart</div> </a> </li> <li class="col mb-4" data-name="chat-left-heart-fill" data-tags="chat bubble text message valentine romance comment" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-left-heart-fill</div> </a> </li> <li class="col mb-4" data-name="chat-left-quote" data-tags="chat bubble text message quote comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left-quote/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left-quote"></i> </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-name="chat-left-quote-fill" data-tags="chat bubble text message quote comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left-quote-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left-quote-fill"></i> </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-name="chat-left-text" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left-text"></i> </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-name="chat-left-text-fill" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-left-text-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-left-text-fill"></i> </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-name="chat-quote" data-tags="chat bubble text message quote comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-quote/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-quote"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-quote</div> </a> </li> <li class="col mb-4" data-name="chat-quote-fill" data-tags="chat bubble text message quote comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-quote-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-quote-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-quote-fill</div> </a> </li> <li class="col mb-4" data-name="chat-right" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-right</div> </a> </li> <li class="col mb-4" data-name="chat-right-dots" data-tags="chat bubble text message typing comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right-dots/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right-dots"></i> </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-name="chat-right-dots-fill" data-tags="chat bubble text message typing comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right-dots-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right-dots-fill"></i> </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-name="chat-right-fill" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right-fill"></i> </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-name="chat-right-heart" data-tags="chat bubble text message valentine romance comment" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-right-heart</div> </a> </li> <li class="col mb-4" data-name="chat-right-heart-fill" data-tags="chat bubble text message valentine romance comment" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-right-heart-fill</div> </a> </li> <li class="col mb-4" data-name="chat-right-quote" data-tags="chat bubble text message quote comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right-quote/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right-quote"></i> </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-name="chat-right-quote-fill" data-tags="chat bubble text message quote comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right-quote-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right-quote-fill"></i> </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-name="chat-right-text" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right-text"></i> </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-name="chat-right-text-fill" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-right-text-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-right-text-fill"></i> </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-name="chat-square" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-square</div> </a> </li> <li class="col mb-4" data-name="chat-square-dots" data-tags="chat bubble text message typing comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square-dots/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square-dots"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-square-dots</div> </a> </li> <li class="col mb-4" data-name="chat-square-dots-fill" data-tags="chat bubble text message typing comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square-dots-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square-dots-fill"></i> </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" data-name="chat-square-fill" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-square-fill</div> </a> </li> <li class="col mb-4" data-name="chat-square-heart" data-tags="chat bubble text message valentine romance comment" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-square-heart</div> </a> </li> <li class="col mb-4" data-name="chat-square-heart-fill" data-tags="chat bubble text message valentine romance comment" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-square-heart-fill</div> </a> </li> <li class="col mb-4" data-name="chat-square-quote" data-tags="chat bubble text message quote comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square-quote/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square-quote"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-square-quote</div> </a> </li> <li class="col mb-4" data-name="chat-square-quote-fill" data-tags="chat bubble text message quote comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square-quote-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square-quote-fill"></i> </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" data-name="chat-square-text" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square-text"></i> </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-name="chat-square-text-fill" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-square-text-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-square-text-fill"></i> </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-name="chat-text" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-text"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chat-text</div> </a> </li> <li class="col mb-4" data-name="chat-text-fill" data-tags="chat bubble text message comment" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chat-text-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chat-text-fill"></i> </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-name="check" data-tags="checkmark confirm done" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check</div> </a> </li> <li class="col mb-4" data-name="check-all" data-tags="checkmark todo done select" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check-all/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check-all"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check-all</div> </a> </li> <li class="col mb-4" data-name="check-circle" data-tags="checkmark confirm done" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check-circle</div> </a> </li> <li class="col mb-4" data-name="check-circle-fill" data-tags="checkmark confirm done" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check-circle-fill</div> </a> </li> <li class="col mb-4" data-name="check-lg" data-tags="checkmark confirm done" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check-lg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check-lg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check-lg</div> </a> </li> <li class="col mb-4" data-name="check-square" data-tags="checkmark confirm done" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check-square</div> </a> </li> <li class="col mb-4" data-name="check-square-fill" data-tags="checkmark confirm done" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check-square-fill</div> </a> </li> <li class="col mb-4" data-name="check2" data-tags="checkmark todo select done checkbox" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check2</div> </a> </li> <li class="col mb-4" data-name="check2-all" data-tags="checkmark todo select done checkbox" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check2-all/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check2-all"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check2-all</div> </a> </li> <li class="col mb-4" data-name="check2-circle" data-tags="checkmark todo select done checkbox" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check2-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check2-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check2-circle</div> </a> </li> <li class="col mb-4" data-name="check2-square" data-tags="checkmark todo select done checkbox" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/check2-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-check2-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">check2-square</div> </a> </li> <li class="col mb-4" data-name="chevron-bar-contract" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-bar-contract/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-bar-contract"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-contract</div> </a> </li> <li class="col mb-4" data-name="chevron-bar-down" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-bar-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-bar-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-down</div> </a> </li> <li class="col mb-4" data-name="chevron-bar-expand" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-bar-expand/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-bar-expand"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-expand</div> </a> </li> <li class="col mb-4" data-name="chevron-bar-left" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-bar-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-bar-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-left</div> </a> </li> <li class="col mb-4" data-name="chevron-bar-right" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-bar-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-bar-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-right</div> </a> </li> <li class="col mb-4" data-name="chevron-bar-up" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-bar-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-bar-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-up</div> </a> </li> <li class="col mb-4" data-name="chevron-compact-down" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-compact-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-compact-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-compact-down</div> </a> </li> <li class="col mb-4" data-name="chevron-compact-left" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-compact-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-compact-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-compact-left</div> </a> </li> <li class="col mb-4" data-name="chevron-compact-right" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-compact-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-compact-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-compact-right</div> </a> </li> <li class="col mb-4" data-name="chevron-compact-up" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-compact-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-compact-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-compact-up</div> </a> </li> <li class="col mb-4" data-name="chevron-contract" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-contract/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-contract"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-contract</div> </a> </li> <li class="col mb-4" data-name="chevron-double-down" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-double-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-double-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-double-down</div> </a> </li> <li class="col mb-4" data-name="chevron-double-left" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-double-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-double-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-double-left</div> </a> </li> <li class="col mb-4" data-name="chevron-double-right" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-double-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-double-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-double-right</div> </a> </li> <li class="col mb-4" data-name="chevron-double-up" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-double-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-double-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-double-up</div> </a> </li> <li class="col mb-4" data-name="chevron-down" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-down</div> </a> </li> <li class="col mb-4" data-name="chevron-expand" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-expand/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-expand"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-expand</div> </a> </li> <li class="col mb-4" data-name="chevron-left" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-left</div> </a> </li> <li class="col mb-4" data-name="chevron-right" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-right</div> </a> </li> <li class="col mb-4" data-name="chevron-up" data-tags="chevron" data-categories="chevrons"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/chevron-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-chevron-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">chevron-up</div> </a> </li> <li class="col mb-4" data-name="circle" data-tags="shape" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">circle</div> </a> </li> <li class="col mb-4" data-name="circle-fill" data-tags="shape" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">circle-fill</div> </a> </li> <li class="col mb-4" data-name="circle-half" data-tags="shape" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/circle-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-circle-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">circle-half</div> </a> </li> <li class="col mb-4" data-name="slash-circle" data-tags="shape stop ban false" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/slash-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-slash-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">slash-circle</div> </a> </li> <li class="col mb-4" data-name="circle-square" data-tags="graphics vector merge layers" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/circle-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-circle-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">circle-square</div> </a> </li> <li class="col mb-4" data-name="clipboard" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard</div> </a> </li> <li class="col mb-4" data-name="clipboard-check" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-check</div> </a> </li> <li class="col mb-4" data-name="clipboard-check-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-check-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard-data" data-tags="copy paste data analytics graph chart" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-data/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-data"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-data</div> </a> </li> <li class="col mb-4" data-name="clipboard-data-fill" data-tags="copy paste data analytics graph chart" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-data-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-data-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-data-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard-heart" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-heart</div> </a> </li> <li class="col mb-4" data-name="clipboard-heart-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-heart-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard-minus" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-minus</div> </a> </li> <li class="col mb-4" data-name="clipboard-minus-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-minus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-minus-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard-plus" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-plus</div> </a> </li> <li class="col mb-4" data-name="clipboard-plus-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-plus-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard-pulse" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-pulse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-pulse"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-pulse</div> </a> </li> <li class="col mb-4" data-name="clipboard-x" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-x</div> </a> </li> <li class="col mb-4" data-name="clipboard-x-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard-x-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard2" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2</div> </a> </li> <li class="col mb-4" data-name="clipboard2-check" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-check</div> </a> </li> <li class="col mb-4" data-name="clipboard2-check-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-check-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard2-data" data-tags="copy paste data analytics graph chart" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-data/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-data"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-data</div> </a> </li> <li class="col mb-4" data-name="clipboard2-data-fill" data-tags="copy paste data analytics graph chart" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-data-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-data-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-data-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard2-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard2-heart" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-heart</div> </a> </li> <li class="col mb-4" data-name="clipboard2-heart-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-heart-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard2-minus" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-minus</div> </a> </li> <li class="col mb-4" data-name="clipboard2-minus-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-minus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-minus-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard2-plus" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-plus</div> </a> </li> <li class="col mb-4" data-name="clipboard2-plus-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-plus-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard2-pulse" data-tags="copy paste heartrate" data-categories="real world medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-pulse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-pulse"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-pulse</div> </a> </li> <li class="col mb-4" data-name="clipboard2-pulse-fill" data-tags="copy paste heartrate" data-categories="real world medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-pulse-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-pulse-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-pulse-fill</div> </a> </li> <li class="col mb-4" data-name="clipboard2-x" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-x</div> </a> </li> <li class="col mb-4" data-name="clipboard2-x-fill" data-tags="copy paste" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clipboard2-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clipboard2-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clipboard2-x-fill</div> </a> </li> <li class="col mb-4" data-name="clock" data-tags="time" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clock</div> </a> </li> <li class="col mb-4" data-name="clock-fill" data-tags="time" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clock-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clock-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clock-fill</div> </a> </li> <li class="col mb-4" data-name="clock-history" data-tags="time history" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clock-history/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clock-history"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clock-history</div> </a> </li> <li class="col mb-4" data-name="cloud" data-tags="weather" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud</div> </a> </li> <li class="col mb-4" data-name="cloud-arrow-down" data-tags="download" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-arrow-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-arrow-down"></i> </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-name="cloud-arrow-down-fill" data-tags="download" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-arrow-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-arrow-down-fill"></i> </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-name="cloud-arrow-up" data-tags="upload" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-arrow-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-arrow-up"></i> </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-name="cloud-arrow-up-fill" data-tags="upload" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-arrow-up-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-arrow-up-fill"></i> </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-name="cloud-check" data-tags="checkmark" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-check</div> </a> </li> <li class="col mb-4" data-name="cloud-check-fill" data-tags="checkmark" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-check-fill"></i> </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-name="cloud-download" data-tags="arrow save" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-download/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-download"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-download</div> </a> </li> <li class="col mb-4" data-name="cloud-download-fill" data-tags="arrow save" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-download-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-download-fill"></i> </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-name="cloud-drizzle" data-tags="storm rain" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-drizzle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-drizzle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-drizzle</div> </a> </li> <li class="col mb-4" data-name="cloud-drizzle-fill" data-tags="storm rain" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-drizzle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-drizzle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-drizzle-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-fill" data-tags="weather" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-fog" data-tags="foggy" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-fog/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-fog"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-fog</div> </a> </li> <li class="col mb-4" data-name="cloud-fog-fill" data-tags="foggy" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-fog-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-fog-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-fog-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-fog2" data-tags="foggy" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-fog2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-fog2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-fog2</div> </a> </li> <li class="col mb-4" data-name="cloud-fog2-fill" data-tags="foggy" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-fog2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-fog2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-fog2-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-hail" data-tags="storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-hail/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-hail"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-hail</div> </a> </li> <li class="col mb-4" data-name="cloud-hail-fill" data-tags="storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-hail-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-hail-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-hail-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-haze" data-tags="smog" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-haze/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-haze"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-haze</div> </a> </li> <li class="col mb-4" data-name="cloud-haze-fill" data-tags="smog" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-haze-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-haze-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-haze-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-haze2" data-tags="smog" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-haze2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-haze2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-haze2</div> </a> </li> <li class="col mb-4" data-name="cloud-haze2-fill" data-tags="smog" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-haze2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-haze2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-haze2-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-lightning" data-tags="thunder storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-lightning/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-lightning"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-lightning</div> </a> </li> <li class="col mb-4" data-name="cloud-lightning-fill" data-tags="thunder storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-lightning-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-lightning-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-lightning-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-lightning-rain" data-tags="thunder storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-lightning-rain/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-lightning-rain"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-lightning-rain</div> </a> </li> <li class="col mb-4" data-name="cloud-lightning-rain-fill" data-tags="thunder storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-lightning-rain-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-lightning-rain-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-lightning-rain-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-minus" data-tags="subtract" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-minus</div> </a> </li> <li class="col mb-4" data-name="cloud-minus-fill" data-tags="subtract" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-minus-fill"></i> </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-name="cloud-moon" data-tags="cloudy overcast" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-moon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-moon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-moon</div> </a> </li> <li class="col mb-4" data-name="cloud-moon-fill" data-tags="cloudy overcast" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-moon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-moon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-moon-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-plus" data-tags="add new upload" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-plus</div> </a> </li> <li class="col mb-4" data-name="cloud-plus-fill" data-tags="add new upload" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-plus-fill"></i> </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-name="cloud-rain" data-tags="cloud rainstorm storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-rain/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-rain"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-rain</div> </a> </li> <li class="col mb-4" data-name="cloud-rain-fill" data-tags="cloud rainstorm storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-rain-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-rain-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-rain-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-rain-heavy" data-tags="cloud rainstorm storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-rain-heavy/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-rain-heavy"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-rain-heavy</div> </a> </li> <li class="col mb-4" data-name="cloud-rain-heavy-fill" data-tags="cloud rainstorm storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-rain-heavy-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-rain-heavy-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-rain-heavy-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-slash" data-tags="cloud" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-slash</div> </a> </li> <li class="col mb-4" data-name="cloud-slash-fill" data-tags="cloud" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-slash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-slash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-slash-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-sleet" data-tags="cloud blizzard flurries" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-sleet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-sleet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-sleet</div> </a> </li> <li class="col mb-4" data-name="cloud-sleet-fill" data-tags="cloud blizzard flurries" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-sleet-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-sleet-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-sleet-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-snow" data-tags="cloud blizzard flurries" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-snow/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-snow"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-snow</div> </a> </li> <li class="col mb-4" data-name="cloud-snow-fill" data-tags="cloud blizzard flurries" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-snow-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-snow-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-snow-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-sun" data-tags="cloudy overcast" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-sun/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-sun"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-sun</div> </a> </li> <li class="col mb-4" data-name="cloud-sun-fill" data-tags="cloudy overcast" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-sun-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-sun-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-sun-fill</div> </a> </li> <li class="col mb-4" data-name="cloud-upload" data-tags="cloud" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-upload/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-upload"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloud-upload</div> </a> </li> <li class="col mb-4" data-name="cloud-upload-fill" data-tags="cloud" data-categories="clouds"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloud-upload-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloud-upload-fill"></i> </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-name="clouds" data-tags="clouds overcast" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clouds/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clouds"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clouds</div> </a> </li> <li class="col mb-4" data-name="clouds-fill" data-tags="clouds overcast" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/clouds-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-clouds-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">clouds-fill</div> </a> </li> <li class="col mb-4" data-name="cloudy" data-tags="clouds overcast" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloudy/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloudy"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloudy</div> </a> </li> <li class="col mb-4" data-name="cloudy-fill" data-tags="clouds overcast" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cloudy-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cloudy-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cloudy-fill</div> </a> </li> <li class="col mb-4" data-name="code" data-tags="text type code developer development software" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/code/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-code"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">code</div> </a> </li> <li class="col mb-4" data-name="code-slash" data-tags="text type code developer development software" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/code-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-code-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">code-slash</div> </a> </li> <li class="col mb-4" data-name="code-square" data-tags="text type code developer development software preformatted" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/code-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-code-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">code-square</div> </a> </li> <li class="col mb-4" data-name="coin" data-tags="money finance banking currency" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/coin/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-coin"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">coin</div> </a> </li> <li class="col mb-4" data-name="collection" data-tags="library group" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/collection/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-collection"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">collection</div> </a> </li> <li class="col mb-4" data-name="collection-fill" data-tags="library group" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/collection-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-collection-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">collection-fill</div> </a> </li> <li class="col mb-4" data-name="collection-play" data-tags="library group play" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/collection-play/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-collection-play"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">collection-play</div> </a> </li> <li class="col mb-4" data-name="collection-play-fill" data-tags="library group play" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/collection-play-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-collection-play-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">collection-play-fill</div> </a> </li> <li class="col mb-4" data-name="columns" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/columns/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-columns"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">columns</div> </a> </li> <li class="col mb-4" data-name="columns-gap" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/columns-gap/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-columns-gap"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">columns-gap</div> </a> </li> <li class="col mb-4" data-name="command" data-tags="key mac" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/command/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-command"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">command</div> </a> </li> <li class="col mb-4" data-name="compass" data-tags="direction map location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/compass/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-compass"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">compass</div> </a> </li> <li class="col mb-4" data-name="compass-fill" data-tags="direction map location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/compass-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-compass-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">compass-fill</div> </a> </li> <li class="col mb-4" data-name="cone" data-tags="construction warning safety" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cone/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cone"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cone</div> </a> </li> <li class="col mb-4" data-name="cone-striped" data-tags="construction warning safety" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cone-striped/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cone-striped"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cone-striped</div> </a> </li> <li class="col mb-4" data-name="controller" data-tags="game gaming video-game" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/controller/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-controller"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">controller</div> </a> </li> <li class="col mb-4" data-name="cookie" data-tags="dessert" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cookie/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cookie"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cookie</div> </a> </li> <li class="col mb-4" data-name="copy" data-tags="paste clone cut duplicate" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/copy/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-copy"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">copy</div> </a> </li> <li class="col mb-4" data-name="cpu" data-tags="processor chip computer" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cpu/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cpu"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cpu</div> </a> </li> <li class="col mb-4" data-name="cpu-fill" data-tags="processor chip computer" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cpu-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cpu-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cpu-fill</div> </a> </li> <li class="col mb-4" data-name="credit-card" data-tags="debit card payment" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/credit-card/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-credit-card"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">credit-card</div> </a> </li> <li class="col mb-4" data-name="credit-card-2-back" data-tags="debit card payment" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/credit-card-2-back/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-credit-card-2-back"></i> </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-name="credit-card-2-back-fill" data-tags="debit card payment" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/credit-card-2-back-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-credit-card-2-back-fill"></i> </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-name="credit-card-2-front" data-tags="debit card payment" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/credit-card-2-front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-credit-card-2-front"></i> </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-name="credit-card-2-front-fill" data-tags="debit card payment" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/credit-card-2-front-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-credit-card-2-front-fill"></i> </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-name="credit-card-fill" data-tags="debit card payment" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/credit-card-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-credit-card-fill"></i> </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-name="crop" data-tags="crop" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/crop/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-crop"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">crop</div> </a> </li> <li class="col mb-4" data-name="crosshair" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/crosshair/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-crosshair"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">crosshair</div> </a> </li> <li class="col mb-4" data-name="crosshair2" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/crosshair2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-crosshair2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">crosshair2</div> </a> </li> <li class="col mb-4" data-name="cup" data-tags="mug" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cup/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cup"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cup</div> </a> </li> <li class="col mb-4" data-name="cup-fill" data-tags="mug" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cup-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cup-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cup-fill</div> </a> </li> <li class="col mb-4" data-name="cup-hot" data-tags="mug steam coffee tea" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cup-hot/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cup-hot"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cup-hot</div> </a> </li> <li class="col mb-4" data-name="cup-hot-fill" data-tags="mug steam coffee tea" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cup-hot-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cup-hot-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cup-hot-fill</div> </a> </li> <li class="col mb-4" data-name="cup-straw" data-tags="mug glass drink" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cup-straw/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cup-straw"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cup-straw</div> </a> </li> <li class="col mb-4" data-name="currency-bitcoin" data-tags="money finance crypto" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/currency-bitcoin/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-currency-bitcoin"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">currency-bitcoin</div> </a> </li> <li class="col mb-4" data-name="currency-dollar" data-tags="money finance usd" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/currency-dollar/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-currency-dollar"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">currency-dollar</div> </a> </li> <li class="col mb-4" data-name="currency-euro" data-tags="money finance" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/currency-euro/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-currency-euro"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">currency-euro</div> </a> </li> <li class="col mb-4" data-name="currency-exchange" data-tags="money finance" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/currency-exchange/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-currency-exchange"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">currency-exchange</div> </a> </li> <li class="col mb-4" data-name="currency-pound" data-tags="money finance" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/currency-pound/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-currency-pound"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">currency-pound</div> </a> </li> <li class="col mb-4" data-name="currency-rupee" data-tags="money finance" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/currency-rupee/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-currency-rupee"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">currency-rupee</div> </a> </li> <li class="col mb-4" data-name="currency-yen" data-tags="money finance" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/currency-yen/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-currency-yen"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">currency-yen</div> </a> </li> <li class="col mb-4" data-name="cursor" data-tags="pointer" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cursor/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cursor"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cursor</div> </a> </li> <li class="col mb-4" data-name="cursor-fill" data-tags="pointer" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cursor-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cursor-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cursor-fill</div> </a> </li> <li class="col mb-4" data-name="cursor-text" data-tags="text type cursor" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/cursor-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-cursor-text"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">cursor-text</div> </a> </li> <li class="col mb-4" data-name="dash" data-tags="minus" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dash</div> </a> </li> <li class="col mb-4" data-name="dash-circle" data-tags="minus" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dash-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dash-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dash-circle</div> </a> </li> <li class="col mb-4" data-name="dash-circle-dotted" data-tags="minus" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dash-circle-dotted/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dash-circle-dotted"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dash-circle-dotted</div> </a> </li> <li class="col mb-4" data-name="dash-circle-fill" data-tags="minus" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dash-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dash-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dash-circle-fill</div> </a> </li> <li class="col mb-4" data-name="dash-lg" data-tags="minus" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dash-lg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dash-lg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dash-lg</div> </a> </li> <li class="col mb-4" data-name="dash-square" data-tags="minus" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dash-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dash-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dash-square</div> </a> </li> <li class="col mb-4" data-name="dash-square-dotted" data-tags="minus" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dash-square-dotted/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dash-square-dotted"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dash-square-dotted</div> </a> </li> <li class="col mb-4" data-name="dash-square-fill" data-tags="minus" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dash-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dash-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dash-square-fill</div> </a> </li> <li class="col mb-4" data-name="database" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database</div> </a> </li> <li class="col mb-4" data-name="database-add" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-add/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-add"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-add</div> </a> </li> <li class="col mb-4" data-name="database-check" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-check</div> </a> </li> <li class="col mb-4" data-name="database-dash" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-dash</div> </a> </li> <li class="col mb-4" data-name="database-down" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-down</div> </a> </li> <li class="col mb-4" data-name="database-exclamation" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-exclamation</div> </a> </li> <li class="col mb-4" data-name="database-fill" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill</div> </a> </li> <li class="col mb-4" data-name="database-fill-add" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-add/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-add"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-add</div> </a> </li> <li class="col mb-4" data-name="database-fill-check" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-check</div> </a> </li> <li class="col mb-4" data-name="database-fill-dash" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-dash</div> </a> </li> <li class="col mb-4" data-name="database-fill-down" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-down</div> </a> </li> <li class="col mb-4" data-name="database-fill-exclamation" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-exclamation</div> </a> </li> <li class="col mb-4" data-name="database-fill-gear" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-gear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-gear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-gear</div> </a> </li> <li class="col mb-4" data-name="database-fill-lock" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-lock</div> </a> </li> <li class="col mb-4" data-name="database-fill-slash" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-slash</div> </a> </li> <li class="col mb-4" data-name="database-fill-up" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-up</div> </a> </li> <li class="col mb-4" data-name="database-fill-x" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-fill-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-fill-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-fill-x</div> </a> </li> <li class="col mb-4" data-name="database-gear" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-gear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-gear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-gear</div> </a> </li> <li class="col mb-4" data-name="database-lock" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-lock</div> </a> </li> <li class="col mb-4" data-name="database-slash" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-slash</div> </a> </li> <li class="col mb-4" data-name="database-up" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-up</div> </a> </li> <li class="col mb-4" data-name="database-x" data-tags="server data" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/database-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-database-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">database-x</div> </a> </li> <li class="col mb-4" data-name="device-hdd" data-tags="drive hard drive" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/device-hdd/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-device-hdd"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">device-hdd</div> </a> </li> <li class="col mb-4" data-name="device-hdd-fill" data-tags="drive hard drive" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/device-hdd-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-device-hdd-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">device-hdd-fill</div> </a> </li> <li class="col mb-4" data-name="device-ssd" data-tags="solid state drive" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/device-ssd/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-device-ssd"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">device-ssd</div> </a> </li> <li class="col mb-4" data-name="device-ssd-fill" data-tags="solid state drive" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/device-ssd-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-device-ssd-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">device-ssd-fill</div> </a> </li> <li class="col mb-4" data-name="diagram-2" data-tags="node diagram sitemap children org chart" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/diagram-2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-diagram-2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">diagram-2</div> </a> </li> <li class="col mb-4" data-name="diagram-2-fill" data-tags="node diagram sitemap children org chart" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/diagram-2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-diagram-2-fill"></i> </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-name="diagram-3" data-tags="node diagram sitemap children org chart" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/diagram-3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-diagram-3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">diagram-3</div> </a> </li> <li class="col mb-4" data-name="diagram-3-fill" data-tags="node diagram sitemap children org chart" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/diagram-3-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-diagram-3-fill"></i> </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-name="diamond" data-tags="shape" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/diamond/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-diamond"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">diamond</div> </a> </li> <li class="col mb-4" data-name="diamond-fill" data-tags="shape" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/diamond-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-diamond-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">diamond-fill</div> </a> </li> <li class="col mb-4" data-name="diamond-half" data-tags="shape" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/diamond-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-diamond-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">diamond-half</div> </a> </li> <li class="col mb-4" data-name="dice-1" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-1/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-1"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dice-1</div> </a> </li> <li class="col mb-4" data-name="dice-1-fill" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-1-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-1-fill"></i> </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-name="dice-2" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dice-2</div> </a> </li> <li class="col mb-4" data-name="dice-2-fill" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-2-fill"></i> </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-name="dice-3" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dice-3</div> </a> </li> <li class="col mb-4" data-name="dice-3-fill" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-3-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-3-fill"></i> </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-name="dice-4" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-4/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-4"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dice-4</div> </a> </li> <li class="col mb-4" data-name="dice-4-fill" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-4-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-4-fill"></i> </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-name="dice-5" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-5/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-5"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dice-5</div> </a> </li> <li class="col mb-4" data-name="dice-5-fill" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-5-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-5-fill"></i> </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-name="dice-6" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-6/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-6"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dice-6</div> </a> </li> <li class="col mb-4" data-name="dice-6-fill" data-tags="dice die games gaming gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dice-6-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dice-6-fill"></i> </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-name="disc" data-tags="cd compact disc bluray dvd" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/disc/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-disc"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">disc</div> </a> </li> <li class="col mb-4" data-name="disc-fill" data-tags="cd compact disc bluray dvd" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/disc-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-disc-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">disc-fill</div> </a> </li> <li class="col mb-4" data-name="discord" data-tags="social chat" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/discord/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-discord"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">discord</div> </a> </li> <li class="col mb-4" data-name="display" data-tags="monitor external" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/display/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-display"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">display</div> </a> </li> <li class="col mb-4" data-name="display-fill" data-tags="monitor external" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/display-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-display-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">display-fill</div> </a> </li> <li class="col mb-4" data-name="displayport" data-tags="video input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/displayport/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-displayport"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">displayport</div> </a> </li> <li class="col mb-4" data-name="displayport-fill" data-tags="video input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/displayport-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-displayport-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">displayport-fill</div> </a> </li> <li class="col mb-4" data-name="distribute-horizontal" data-tags="space align" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/distribute-horizontal/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-distribute-horizontal"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">distribute-horizontal</div> </a> </li> <li class="col mb-4" data-name="distribute-vertical" data-tags="space align" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/distribute-vertical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-distribute-vertical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">distribute-vertical</div> </a> </li> <li class="col mb-4" data-name="door-closed" data-tags="door logout signout" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/door-closed/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-door-closed"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">door-closed</div> </a> </li> <li class="col mb-4" data-name="door-closed-fill" data-tags="door logout signout" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/door-closed-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-door-closed-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">door-closed-fill</div> </a> </li> <li class="col mb-4" data-name="door-open" data-tags="door login signin" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/door-open/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-door-open"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">door-open</div> </a> </li> <li class="col mb-4" data-name="door-open-fill" data-tags="door login signin" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/door-open-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-door-open-fill"></i> </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-name="dot" data-tags="middot" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dot/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dot"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dot</div> </a> </li> <li class="col mb-4" data-name="download" data-tags="arrow network save" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/download/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-download"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">download</div> </a> </li> <li class="col mb-4" data-name="dpad" data-tags="gaming controller direction" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dpad/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dpad"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dpad</div> </a> </li> <li class="col mb-4" data-name="dpad-fill" data-tags="gaming controller direction" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dpad-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dpad-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dpad-fill</div> </a> </li> <li class="col mb-4" data-name="dribbble" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dribbble/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dribbble"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dribbble</div> </a> </li> <li class="col mb-4" data-name="dropbox" data-tags="dropbox" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/dropbox/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-dropbox"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">dropbox</div> </a> </li> <li class="col mb-4" data-name="droplet" data-tags="water-drop paint ink liquid" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/droplet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-droplet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">droplet</div> </a> </li> <li class="col mb-4" data-name="droplet-fill" data-tags="water-drop paint ink liquid" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/droplet-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-droplet-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">droplet-fill</div> </a> </li> <li class="col mb-4" data-name="droplet-half" data-tags="water-drop paint ink liquid" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/droplet-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-droplet-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">droplet-half</div> </a> </li> <li class="col mb-4" data-name="duffle" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/duffle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-duffle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">duffle</div> </a> </li> <li class="col mb-4" data-name="duffle-fill" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/duffle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-duffle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">duffle-fill</div> </a> </li> <li class="col mb-4" data-name="ear" data-tags="hearing sound listen" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ear</div> </a> </li> <li class="col mb-4" data-name="ear-fill" data-tags="hearing sound listen" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ear-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ear-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ear-fill</div> </a> </li> <li class="col mb-4" data-name="earbuds" data-tags="headphones" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/earbuds/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-earbuds"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">earbuds</div> </a> </li> <li class="col mb-4" data-name="easel" data-tags="paint draw art present" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/easel/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-easel"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">easel</div> </a> </li> <li class="col mb-4" data-name="easel-fill" data-tags="paint draw art present" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/easel-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-easel-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">easel-fill</div> </a> </li> <li class="col mb-4" data-name="easel2" data-tags="paint draw art present" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/easel2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-easel2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">easel2</div> </a> </li> <li class="col mb-4" data-name="easel2-fill" data-tags="paint draw art present" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/easel2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-easel2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">easel2-fill</div> </a> </li> <li class="col mb-4" data-name="easel3" data-tags="paint draw art present" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/easel3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-easel3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">easel3</div> </a> </li> <li class="col mb-4" data-name="easel3-fill" data-tags="paint draw art present" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/easel3-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-easel3-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">easel3-fill</div> </a> </li> <li class="col mb-4" data-name="egg" data-tags="food" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/egg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-egg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">egg</div> </a> </li> <li class="col mb-4" data-name="egg-fill" data-tags="food" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/egg-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-egg-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">egg-fill</div> </a> </li> <li class="col mb-4" data-name="egg-fried" data-tags="food" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/egg-fried/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-egg-fried"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">egg-fried</div> </a> </li> <li class="col mb-4" data-name="eject" data-tags="disc cd dvd" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eject/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eject"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eject</div> </a> </li> <li class="col mb-4" data-name="eject-fill" data-tags="disc cd dvd" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eject-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eject-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eject-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-angry" data-tags="emoticon anger upset" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-angry/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-angry"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-angry</div> </a> </li> <li class="col mb-4" data-name="emoji-angry-fill" data-tags="emoticon anger upset" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-angry-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-angry-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-angry-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-astonished" data-tags="emoticon surprised" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-astonished/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-astonished"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-astonished</div> </a> </li> <li class="col mb-4" data-name="emoji-astonished-fill" data-tags="emoticon surprised" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-astonished-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-astonished-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-astonished-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-dizzy" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-dizzy/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-dizzy"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-dizzy</div> </a> </li> <li class="col mb-4" data-name="emoji-dizzy-fill" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-dizzy-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-dizzy-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-dizzy-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-expressionless" data-tags="emoticon neutral unphased" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-expressionless/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-expressionless"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-expressionless</div> </a> </li> <li class="col mb-4" data-name="emoji-expressionless-fill" data-tags="emoticon neutral unphased" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-expressionless-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-expressionless-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-expressionless-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-frown" data-tags="emoticon sad" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-frown/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-frown"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-frown</div> </a> </li> <li class="col mb-4" data-name="emoji-frown-fill" data-tags="emoticon sad" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-frown-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-frown-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-frown-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-grimace" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-grimace/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-grimace"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-grimace</div> </a> </li> <li class="col mb-4" data-name="emoji-grimace-fill" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-grimace-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-grimace-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-grimace-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-grin" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-grin/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-grin"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-grin</div> </a> </li> <li class="col mb-4" data-name="emoji-grin-fill" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-grin-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-grin-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-grin-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-heart-eyes" data-tags="emoticon heart love" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-heart-eyes/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-heart-eyes"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-heart-eyes</div> </a> </li> <li class="col mb-4" data-name="emoji-heart-eyes-fill" data-tags="emoticon heart love" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-heart-eyes-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-heart-eyes-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-heart-eyes-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-kiss" data-tags="emoticon heart love" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-kiss/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-kiss"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-kiss</div> </a> </li> <li class="col mb-4" data-name="emoji-kiss-fill" data-tags="emoticon heart love" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-kiss-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-kiss-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-kiss-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-laughing" data-tags="emoticon happy" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-laughing/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-laughing"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-laughing</div> </a> </li> <li class="col mb-4" data-name="emoji-laughing-fill" data-tags="emoticon happy" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-laughing-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-laughing-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-laughing-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-neutral" data-tags="emoticon expressionless" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-neutral/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-neutral"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-neutral</div> </a> </li> <li class="col mb-4" data-name="emoji-neutral-fill" data-tags="emoticon expressionless" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-neutral-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-neutral-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-neutral-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-smile" data-tags="emoticon happy" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-smile/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-smile"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-smile</div> </a> </li> <li class="col mb-4" data-name="emoji-smile-fill" data-tags="emoticon happy" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-smile-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-smile-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-smile-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-smile-upside-down" data-tags="emoticon sarcasm" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-smile-upside-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-smile-upside-down"></i> </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" data-name="emoji-smile-upside-down-fill" data-tags="emoticon sarcasm" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-smile-upside-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-smile-upside-down-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-smile-upside-down-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-sunglasses" data-tags="emoticon cool" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-sunglasses/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-sunglasses"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-sunglasses</div> </a> </li> <li class="col mb-4" data-name="emoji-sunglasses-fill" data-tags="emoticon cool" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-sunglasses-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-sunglasses-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-sunglasses-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-surprise" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-surprise/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-surprise"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-surprise</div> </a> </li> <li class="col mb-4" data-name="emoji-surprise-fill" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-surprise-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-surprise-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-surprise-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-tear" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-tear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-tear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-tear</div> </a> </li> <li class="col mb-4" data-name="emoji-tear-fill" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-tear-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-tear-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-tear-fill</div> </a> </li> <li class="col mb-4" data-name="emoji-wink" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-wink/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-wink"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-wink</div> </a> </li> <li class="col mb-4" data-name="emoji-wink-fill" data-tags="emoticon" data-categories="emoji"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/emoji-wink-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-emoji-wink-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">emoji-wink-fill</div> </a> </li> <li class="col mb-4" data-name="envelope" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope</div> </a> </li> <li class="col mb-4" data-name="envelope-arrow-down" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-arrow-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-arrow-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-arrow-down</div> </a> </li> <li class="col mb-4" data-name="envelope-arrow-down-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-arrow-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-arrow-down-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-arrow-down-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-arrow-up" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-arrow-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-arrow-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-arrow-up</div> </a> </li> <li class="col mb-4" data-name="envelope-arrow-up-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-arrow-up-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-arrow-up-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-arrow-up-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-at" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-at/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-at"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-at</div> </a> </li> <li class="col mb-4" data-name="envelope-at-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-at-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-at-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-at-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-check" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-check</div> </a> </li> <li class="col mb-4" data-name="envelope-check-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-check-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-dash" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-dash</div> </a> </li> <li class="col mb-4" data-name="envelope-dash-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-dash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-dash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-dash-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-exclamation" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-exclamation</div> </a> </li> <li class="col mb-4" data-name="envelope-exclamation-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-exclamation-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-exclamation-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-exclamation-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-heart" data-tags="email message mail letter love valentine romance" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-heart</div> </a> </li> <li class="col mb-4" data-name="envelope-heart-fill" data-tags="email message mail letter love valentine romance" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-heart-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-open" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-open/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-open"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-open</div> </a> </li> <li class="col mb-4" data-name="envelope-open-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-open-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-open-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-open-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-open-heart" data-tags="email message mail letter love valentine romance" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-open-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-open-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-open-heart</div> </a> </li> <li class="col mb-4" data-name="envelope-open-heart-fill" data-tags="email message mail letter love valentine romance" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-open-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-open-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-open-heart-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-paper" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-paper/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-paper"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-paper</div> </a> </li> <li class="col mb-4" data-name="envelope-paper-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-paper-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-paper-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-paper-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-paper-heart" data-tags="email message mail letter love valentine romance" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-paper-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-paper-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-paper-heart</div> </a> </li> <li class="col mb-4" data-name="envelope-paper-heart-fill" data-tags="email message mail letter love valentine romance" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-paper-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-paper-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-paper-heart-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-plus" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-plus</div> </a> </li> <li class="col mb-4" data-name="envelope-plus-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-plus-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-slash" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-slash</div> </a> </li> <li class="col mb-4" data-name="envelope-slash-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-slash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-slash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-slash-fill</div> </a> </li> <li class="col mb-4" data-name="envelope-x" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-x</div> </a> </li> <li class="col mb-4" data-name="envelope-x-fill" data-tags="email message mail letter" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/envelope-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-envelope-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">envelope-x-fill</div> </a> </li> <li class="col mb-4" data-name="eraser" data-tags="erase remove" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eraser/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eraser"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eraser</div> </a> </li> <li class="col mb-4" data-name="eraser-fill" data-tags="erase remove" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eraser-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eraser-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eraser-fill</div> </a> </li> <li class="col mb-4" data-name="escape" data-tags="esc quit exit" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/escape/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-escape"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">escape</div> </a> </li> <li class="col mb-4" data-name="ethernet" data-tags="internet connection port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ethernet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ethernet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ethernet</div> </a> </li> <li class="col mb-4" data-name="ev-front" data-tags="car automobile automotive auto sedan drive driving electric vehicle charging" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ev-front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ev-front"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ev-front</div> </a> </li> <li class="col mb-4" data-name="ev-front-fill" data-tags="car automobile automotive auto sedan drive driving electric vehicle charging" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ev-front-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ev-front-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ev-front-fill</div> </a> </li> <li class="col mb-4" data-name="ev-station" data-tags="charging electric vehicle" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ev-station/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ev-station"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ev-station</div> </a> </li> <li class="col mb-4" data-name="ev-station-fill" data-tags="charging electric vehicle" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ev-station-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ev-station-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ev-station-fill</div> </a> </li> <li class="col mb-4" data-name="exclamation" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation</div> </a> </li> <li class="col mb-4" data-name="exclamation-circle" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-circle</div> </a> </li> <li class="col mb-4" data-name="exclamation-circle-fill" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-circle-fill</div> </a> </li> <li class="col mb-4" data-name="exclamation-diamond" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-diamond/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-diamond"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-diamond</div> </a> </li> <li class="col mb-4" data-name="exclamation-diamond-fill" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-diamond-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-diamond-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-diamond-fill</div> </a> </li> <li class="col mb-4" data-name="exclamation-lg" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-lg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-lg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-lg</div> </a> </li> <li class="col mb-4" data-name="exclamation-octagon" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-octagon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-octagon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-octagon</div> </a> </li> <li class="col mb-4" data-name="exclamation-octagon-fill" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-octagon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-octagon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-octagon-fill</div> </a> </li> <li class="col mb-4" data-name="exclamation-square" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-square</div> </a> </li> <li class="col mb-4" data-name="exclamation-square-fill" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-square-fill</div> </a> </li> <li class="col mb-4" data-name="exclamation-triangle" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-triangle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-triangle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-triangle</div> </a> </li> <li class="col mb-4" data-name="exclamation-triangle-fill" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclamation-triangle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclamation-triangle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclamation-triangle-fill</div> </a> </li> <li class="col mb-4" data-name="exclude" data-tags="graphics vector merge layers" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exclude/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exclude"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exclude</div> </a> </li> <li class="col mb-4" data-name="explicit" data-tags="r18" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/explicit/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-explicit"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">explicit</div> </a> </li> <li class="col mb-4" data-name="explicit-fill" data-tags="r18" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/explicit-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-explicit-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">explicit-fill</div> </a> </li> <li class="col mb-4" data-name="exposure" data-tags="photo editing image picture" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/exposure/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-exposure"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">exposure</div> </a> </li> <li class="col mb-4" data-name="eye" data-tags="eyeball look see" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eye/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eye"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eye</div> </a> </li> <li class="col mb-4" data-name="eye-fill" data-tags="eyeball look see" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eye-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eye-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eye-fill</div> </a> </li> <li class="col mb-4" data-name="eye-slash" data-tags="eyeball look see" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eye-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eye-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eye-slash</div> </a> </li> <li class="col mb-4" data-name="eye-slash-fill" data-tags="eyeball look see" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eye-slash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eye-slash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eye-slash-fill</div> </a> </li> <li class="col mb-4" data-name="eyedropper" data-tags="color picker" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eyedropper/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eyedropper"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eyedropper</div> </a> </li> <li class="col mb-4" data-name="eyeglasses" data-tags="eyeball look see glasses reading" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/eyeglasses/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-eyeglasses"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">eyeglasses</div> </a> </li> <li class="col mb-4" data-name="facebook" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/facebook/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-facebook"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">facebook</div> </a> </li> <li class="col mb-4" data-name="fan" data-tags="fan vent airflow" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fan/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fan"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fan</div> </a> </li> <li class="col mb-4" data-name="fast-forward" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fast-forward/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fast-forward"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fast-forward</div> </a> </li> <li class="col mb-4" data-name="fast-forward-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fast-forward-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fast-forward-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-btn</div> </a> </li> <li class="col mb-4" data-name="fast-forward-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fast-forward-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fast-forward-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-btn-fill</div> </a> </li> <li class="col mb-4" data-name="fast-forward-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fast-forward-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fast-forward-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-circle</div> </a> </li> <li class="col mb-4" data-name="fast-forward-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fast-forward-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fast-forward-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-circle-fill</div> </a> </li> <li class="col mb-4" data-name="fast-forward-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fast-forward-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fast-forward-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-fill</div> </a> </li> <li class="col mb-4" data-name="feather" data-tags="bird flight light" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/feather/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-feather"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">feather</div> </a> </li> <li class="col mb-4" data-name="feather2" data-tags="bird flight light" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/feather2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-feather2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">feather2</div> </a> </li> <li class="col mb-4" data-name="file" data-tags="doc document page" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file</div> </a> </li> <li class="col mb-4" data-name="file-arrow-down" data-tags="doc document download" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-arrow-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-arrow-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-arrow-down</div> </a> </li> <li class="col mb-4" data-name="file-arrow-down-fill" data-tags="doc document download" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-arrow-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-arrow-down-fill"></i> </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-name="file-arrow-up" data-tags="doc document upload" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-arrow-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-arrow-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-arrow-up</div> </a> </li> <li class="col mb-4" data-name="file-arrow-up-fill" data-tags="doc document upload" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-arrow-up-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-arrow-up-fill"></i> </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-name="file-bar-graph" data-tags="doc document data chart" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-bar-graph/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-bar-graph"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-bar-graph</div> </a> </li> <li class="col mb-4" data-name="file-bar-graph-fill" data-tags="doc document data chart" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-bar-graph-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-bar-graph-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-bar-graph-fill</div> </a> </li> <li class="col mb-4" data-name="file-binary" data-tags="doc document binary source" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-binary/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-binary"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-binary</div> </a> </li> <li class="col mb-4" data-name="file-binary-fill" data-tags="doc document binary source" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-binary-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-binary-fill"></i> </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-name="file-break" data-tags="doc document page-break" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-break/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-break"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-break</div> </a> </li> <li class="col mb-4" data-name="file-break-fill" data-tags="doc document page-break" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-break-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-break-fill"></i> </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-name="file-check" data-tags="doc document check verified" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-check</div> </a> </li> <li class="col mb-4" data-name="file-check-fill" data-tags="doc document check verified" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-check-fill"></i> </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-name="file-code" data-tags="doc document code development" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-code/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-code"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-code</div> </a> </li> <li class="col mb-4" data-name="file-code-fill" data-tags="doc document code development" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-code-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-code-fill"></i> </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-name="file-diff" data-tags="doc document version development" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-diff/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-diff"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-diff</div> </a> </li> <li class="col mb-4" data-name="file-diff-fill" data-tags="doc document version development" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-diff-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-diff-fill"></i> </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-name="file-earmark" data-tags="doc document page" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark</div> </a> </li> <li class="col mb-4" data-name="file-earmark-arrow-down" data-tags="doc document download" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-arrow-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-arrow-down"></i> </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" data-name="file-earmark-arrow-down-fill" data-tags="doc document download" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-arrow-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-arrow-down-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-arrow-down-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-arrow-up" data-tags="doc document upload" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-arrow-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-arrow-up"></i> </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" data-name="file-earmark-arrow-up-fill" data-tags="doc document upload" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-arrow-up-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-arrow-up-fill"></i> </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-name="file-earmark-bar-graph" data-tags="doc document data chart" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-bar-graph/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-bar-graph"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-bar-graph</div> </a> </li> <li class="col mb-4" data-name="file-earmark-bar-graph-fill" data-tags="doc document data chart" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-bar-graph-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-bar-graph-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-bar-graph-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-binary" data-tags="doc document binary source" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-binary/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-binary"></i> </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-name="file-earmark-binary-fill" data-tags="doc document binary source" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-binary-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-binary-fill"></i> </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-name="file-earmark-break" data-tags="doc document page-break" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-break/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-break"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-break</div> </a> </li> <li class="col mb-4" data-name="file-earmark-break-fill" data-tags="doc document page-break" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-break-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-break-fill"></i> </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-name="file-earmark-check" data-tags="doc document check verified" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-check</div> </a> </li> <li class="col mb-4" data-name="file-earmark-check-fill" data-tags="doc document check verified" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-check-fill"></i> </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-name="file-earmark-code" data-tags="doc document code development" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-code/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-code"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-code</div> </a> </li> <li class="col mb-4" data-name="file-earmark-code-fill" data-tags="doc document code development" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-code-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-code-fill"></i> </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-name="file-earmark-diff" data-tags="doc document version development" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-diff/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-diff"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-diff</div> </a> </li> <li class="col mb-4" data-name="file-earmark-diff-fill" data-tags="doc document version development" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-diff-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-diff-fill"></i> </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-name="file-earmark-easel" data-tags="slides presentation powerpoint keynote" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-easel/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-easel"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-easel</div> </a> </li> <li class="col mb-4" data-name="file-earmark-easel-fill" data-tags="slides presentation powerpoint keynote" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-easel-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-easel-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-easel-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-excel" data-tags="doc document spreadsheet excel table" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-excel/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-excel"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-excel</div> </a> </li> <li class="col mb-4" data-name="file-earmark-excel-fill" data-tags="doc document spreadsheet excel table" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-excel-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-excel-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-excel-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-fill" data-tags="doc document page" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-fill"></i> </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-name="file-earmark-font" data-tags="ttf otf" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-font/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-font"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-font</div> </a> </li> <li class="col mb-4" data-name="file-earmark-font-fill" data-tags="ttf otf" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-font-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-font-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-font-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-image" data-tags="photo picture" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-image/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-image"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-image</div> </a> </li> <li class="col mb-4" data-name="file-earmark-image-fill" data-tags="photo picture" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-image-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-image-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-image-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-lock" data-tags="lock private secure" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-lock</div> </a> </li> <li class="col mb-4" data-name="file-earmark-lock-fill" data-tags="lock private secure" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-lock-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-lock-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-lock-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-lock2" data-tags="lock private secure" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-lock2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-lock2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-lock2</div> </a> </li> <li class="col mb-4" data-name="file-earmark-lock2-fill" data-tags="lock private secure" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-lock2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-lock2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-lock2-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-medical" data-tags="doc document medical hospital health" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-medical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-medical"></i> </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-name="file-earmark-medical-fill" data-tags="doc document medical hospital health" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-medical-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-medical-fill"></i> </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-name="file-earmark-minus" data-tags="doc document delete remove" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-minus</div> </a> </li> <li class="col mb-4" data-name="file-earmark-minus-fill" data-tags="doc document delete remove" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-minus-fill"></i> </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-name="file-earmark-music" data-tags="doc document music audio playlist songs" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-music/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-music"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-music</div> </a> </li> <li class="col mb-4" data-name="file-earmark-music-fill" data-tags="doc document music audio playlist songs" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-music-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-music-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-music-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-pdf" data-tags="doc document adobe acrobat" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-pdf/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-pdf"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-pdf</div> </a> </li> <li class="col mb-4" data-name="file-earmark-pdf-fill" data-tags="doc document adobe acrobat" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-pdf-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-pdf-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-pdf-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-person" data-tags="doc document personal cv resume about" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-person/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-person"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-person</div> </a> </li> <li class="col mb-4" data-name="file-earmark-person-fill" data-tags="doc document personal cv resume about" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-person-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-person-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-person-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-play" data-tags="video present" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-play/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-play"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-play</div> </a> </li> <li class="col mb-4" data-name="file-earmark-play-fill" data-tags="video present" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-play-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-play-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-play-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-plus" data-tags="doc document add new" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-plus</div> </a> </li> <li class="col mb-4" data-name="file-earmark-plus-fill" data-tags="doc document add new" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-plus-fill"></i> </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-name="file-earmark-post" data-tags="doc document post" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-post/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-post"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-post</div> </a> </li> <li class="col mb-4" data-name="file-earmark-post-fill" data-tags="doc document post" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-post-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-post-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-post-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-ppt" data-tags="slides presentation powerpoint keynote" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-ppt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-ppt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-ppt</div> </a> </li> <li class="col mb-4" data-name="file-earmark-ppt-fill" data-tags="slides presentation powerpoint keynote" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-ppt-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-ppt-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-ppt-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-richtext" data-tags="text doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-richtext/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-richtext"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-richtext</div> </a> </li> <li class="col mb-4" data-name="file-earmark-richtext-fill" data-tags="text doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-richtext-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-richtext-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-richtext-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-ruled" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-ruled/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-ruled"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-ruled</div> </a> </li> <li class="col mb-4" data-name="file-earmark-ruled-fill" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-ruled-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-ruled-fill"></i> </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-name="file-earmark-slides" data-tags="presentation keynote powerpoint" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-slides/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-slides"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-slides</div> </a> </li> <li class="col mb-4" data-name="file-earmark-slides-fill" data-tags="presentation keynote powerpoint" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-slides-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-slides-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-slides-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-spreadsheet" data-tags="doc document excel table" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-spreadsheet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-spreadsheet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-spreadsheet</div> </a> </li> <li class="col mb-4" data-name="file-earmark-spreadsheet-fill" data-tags="doc document excel table" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-spreadsheet-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-spreadsheet-fill"></i> </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-name="file-earmark-text" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-text"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-text</div> </a> </li> <li class="col mb-4" data-name="file-earmark-text-fill" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-text-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-text-fill"></i> </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-name="file-earmark-word" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-word/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-word"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-word</div> </a> </li> <li class="col mb-4" data-name="file-earmark-word-fill" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-word-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-word-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-word-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-x" data-tags="document remove delete" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-x</div> </a> </li> <li class="col mb-4" data-name="file-earmark-x-fill" data-tags="document remove delete" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-x-fill</div> </a> </li> <li class="col mb-4" data-name="file-earmark-zip" data-tags="doc document zip archive compress" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-zip/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-zip"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-zip</div> </a> </li> <li class="col mb-4" data-name="file-earmark-zip-fill" data-tags="doc document zip archive compress" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-earmark-zip-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-earmark-zip-fill"></i> </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-name="file-easel" data-tags="slides presentation powerpoint keynote" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-easel/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-easel"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-easel</div> </a> </li> <li class="col mb-4" data-name="file-easel-fill" data-tags="slides presentation powerpoint keynote" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-easel-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-easel-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-easel-fill</div> </a> </li> <li class="col mb-4" data-name="file-excel" data-tags="doc document spreadsheet excel table" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-excel/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-excel"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-excel</div> </a> </li> <li class="col mb-4" data-name="file-excel-fill" data-tags="doc document spreadsheet excel table" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-excel-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-excel-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-excel-fill</div> </a> </li> <li class="col mb-4" data-name="file-fill" data-tags="doc document page" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-fill</div> </a> </li> <li class="col mb-4" data-name="file-font" data-tags="ttf otf" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-font/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-font"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-font</div> </a> </li> <li class="col mb-4" data-name="file-font-fill" data-tags="ttf otf" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-font-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-font-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-font-fill</div> </a> </li> <li class="col mb-4" data-name="file-image" data-tags="photo picture" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-image/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-image"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-image</div> </a> </li> <li class="col mb-4" data-name="file-image-fill" data-tags="photo picture" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-image-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-image-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-image-fill</div> </a> </li> <li class="col mb-4" data-name="file-lock" data-tags="lock private secure" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-lock</div> </a> </li> <li class="col mb-4" data-name="file-lock-fill" data-tags="lock private secure" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-lock-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-lock-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-lock-fill</div> </a> </li> <li class="col mb-4" data-name="file-lock2" data-tags="lock private secure" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-lock2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-lock2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-lock2</div> </a> </li> <li class="col mb-4" data-name="file-lock2-fill" data-tags="lock private secure" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-lock2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-lock2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-lock2-fill</div> </a> </li> <li class="col mb-4" data-name="file-medical" data-tags="doc document medical hospital health" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-medical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-medical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-medical</div> </a> </li> <li class="col mb-4" data-name="file-medical-fill" data-tags="doc document medical hospital health" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-medical-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-medical-fill"></i> </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-name="file-minus" data-tags="doc document delete remove" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-minus</div> </a> </li> <li class="col mb-4" data-name="file-minus-fill" data-tags="doc document delete remove" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-minus-fill"></i> </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-name="file-music" data-tags="doc document music audio playlist songs" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-music/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-music"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-music</div> </a> </li> <li class="col mb-4" data-name="file-music-fill" data-tags="doc document music audio playlist songs" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-music-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-music-fill"></i> </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-name="file-pdf" data-tags="doc document adobe acrobat" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-pdf/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-pdf"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-pdf</div> </a> </li> <li class="col mb-4" data-name="file-pdf-fill" data-tags="doc document adobe acrobat" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-pdf-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-pdf-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-pdf-fill</div> </a> </li> <li class="col mb-4" data-name="file-person" data-tags="doc document personal cv resume about" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-person/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-person"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-person</div> </a> </li> <li class="col mb-4" data-name="file-person-fill" data-tags="doc document personal cv resume about" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-person-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-person-fill"></i> </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-name="file-play" data-tags="video present" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-play/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-play"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-play</div> </a> </li> <li class="col mb-4" data-name="file-play-fill" data-tags="video present" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-play-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-play-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-play-fill</div> </a> </li> <li class="col mb-4" data-name="file-plus" data-tags="doc document add new" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-plus</div> </a> </li> <li class="col mb-4" data-name="file-plus-fill" data-tags="doc document add new" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-plus-fill"></i> </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-name="file-post" data-tags="doc document post" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-post/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-post"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-post</div> </a> </li> <li class="col mb-4" data-name="file-post-fill" data-tags="doc document post" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-post-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-post-fill"></i> </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-name="file-ppt" data-tags="slides presentation powerpoint keynote" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-ppt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-ppt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-ppt</div> </a> </li> <li class="col mb-4" data-name="file-ppt-fill" data-tags="slides presentation powerpoint keynote" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-ppt-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-ppt-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-ppt-fill</div> </a> </li> <li class="col mb-4" data-name="file-richtext" data-tags="doc document richtext" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-richtext/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-richtext"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-richtext</div> </a> </li> <li class="col mb-4" data-name="file-richtext-fill" data-tags="doc document richtext" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-richtext-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-richtext-fill"></i> </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-name="file-ruled" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-ruled/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-ruled"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-ruled</div> </a> </li> <li class="col mb-4" data-name="file-ruled-fill" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-ruled-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-ruled-fill"></i> </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-name="file-slides" data-tags="presentation keynote powerpoint" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-slides/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-slides"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-slides</div> </a> </li> <li class="col mb-4" data-name="file-slides-fill" data-tags="presentation keynote powerpoint" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-slides-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-slides-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-slides-fill</div> </a> </li> <li class="col mb-4" data-name="file-spreadsheet" data-tags="doc document excel table" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-spreadsheet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-spreadsheet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-spreadsheet</div> </a> </li> <li class="col mb-4" data-name="file-spreadsheet-fill" data-tags="doc document excel table" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-spreadsheet-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-spreadsheet-fill"></i> </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-name="file-text" data-tags="doc document letter" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-text"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-text</div> </a> </li> <li class="col mb-4" data-name="file-text-fill" data-tags="doc document letter" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-text-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-text-fill"></i> </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-name="file-word" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-word/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-word"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-word</div> </a> </li> <li class="col mb-4" data-name="file-word-fill" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-word-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-word-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-word-fill</div> </a> </li> <li class="col mb-4" data-name="file-x" data-tags="document remove delete" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-x</div> </a> </li> <li class="col mb-4" data-name="file-x-fill" data-tags="document remove delete" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-x-fill</div> </a> </li> <li class="col mb-4" data-name="file-zip" data-tags="doc document zip archive compress" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-zip/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-zip"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">file-zip</div> </a> </li> <li class="col mb-4" data-name="file-zip-fill" data-tags="doc document zip archive compress" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/file-zip-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-file-zip-fill"></i> </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-name="files" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/files/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-files"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">files</div> </a> </li> <li class="col mb-4" data-name="files-alt" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/files-alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-files-alt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">files-alt</div> </a> </li> <li class="col mb-4" data-name="filetype-aac" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-aac/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-aac"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-aac</div> </a> </li> <li class="col mb-4" data-name="filetype-ai" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-ai/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-ai"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-ai</div> </a> </li> <li class="col mb-4" data-name="filetype-bmp" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-bmp/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-bmp"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-bmp</div> </a> </li> <li class="col mb-4" data-name="filetype-cs" data-tags="file file type extension code" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-cs/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-cs"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-cs</div> </a> </li> <li class="col mb-4" data-name="filetype-css" data-tags="file file type extension code stylesheet" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-css/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-css"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-css</div> </a> </li> <li class="col mb-4" data-name="filetype-csv" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-csv/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-csv"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-csv</div> </a> </li> <li class="col mb-4" data-name="filetype-doc" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-doc/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-doc"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-doc</div> </a> </li> <li class="col mb-4" data-name="filetype-docx" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-docx/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-docx"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-docx</div> </a> </li> <li class="col mb-4" data-name="filetype-exe" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-exe/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-exe"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-exe</div> </a> </li> <li class="col mb-4" data-name="filetype-gif" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-gif/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-gif"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-gif</div> </a> </li> <li class="col mb-4" data-name="filetype-heic" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-heic/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-heic"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-heic</div> </a> </li> <li class="col mb-4" data-name="filetype-html" data-tags="file file type extension code html" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-html/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-html"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-html</div> </a> </li> <li class="col mb-4" data-name="filetype-java" data-tags="file file type extension code java" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-java/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-java"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-java</div> </a> </li> <li class="col mb-4" data-name="filetype-jpg" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-jpg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-jpg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-jpg</div> </a> </li> <li class="col mb-4" data-name="filetype-js" data-tags="file file type extension code javascript" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-js/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-js"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-js</div> </a> </li> <li class="col mb-4" data-name="filetype-json" data-tags="file file type extension code javascript" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-json/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-json"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-json</div> </a> </li> <li class="col mb-4" data-name="filetype-jsx" data-tags="file file type extension code javascript react" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-jsx/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-jsx"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-jsx</div> </a> </li> <li class="col mb-4" data-name="filetype-key" data-tags="file file type extension keynote" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-key/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-key"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-key</div> </a> </li> <li class="col mb-4" data-name="filetype-m4p" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-m4p/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-m4p"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-m4p</div> </a> </li> <li class="col mb-4" data-name="filetype-md" data-tags="file file type extension code markdown" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-md/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-md"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-md</div> </a> </li> <li class="col mb-4" data-name="filetype-mdx" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-mdx/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-mdx"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-mdx</div> </a> </li> <li class="col mb-4" data-name="filetype-mov" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-mov/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-mov"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-mov</div> </a> </li> <li class="col mb-4" data-name="filetype-mp3" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-mp3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-mp3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-mp3</div> </a> </li> <li class="col mb-4" data-name="filetype-mp4" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-mp4/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-mp4"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-mp4</div> </a> </li> <li class="col mb-4" data-name="filetype-otf" data-tags="file file type extension font type" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-otf/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-otf"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-otf</div> </a> </li> <li class="col mb-4" data-name="filetype-pdf" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-pdf/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-pdf"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-pdf</div> </a> </li> <li class="col mb-4" data-name="filetype-php" data-tags="file file type extension code" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-php/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-php"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-php</div> </a> </li> <li class="col mb-4" data-name="filetype-png" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-png/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-png"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-png</div> </a> </li> <li class="col mb-4" data-name="filetype-ppt" data-tags="file file type extension powerpoint" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-ppt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-ppt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-ppt</div> </a> </li> <li class="col mb-4" data-name="filetype-pptx" data-tags="file file type extension powerpoint" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-pptx/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-pptx"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-pptx</div> </a> </li> <li class="col mb-4" data-name="filetype-psd" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-psd/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-psd"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-psd</div> </a> </li> <li class="col mb-4" data-name="filetype-py" data-tags="file file type extension code python" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-py/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-py"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-py</div> </a> </li> <li class="col mb-4" data-name="filetype-raw" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-raw/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-raw"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-raw</div> </a> </li> <li class="col mb-4" data-name="filetype-rb" data-tags="file file type extension code ruby" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-rb/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-rb"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-rb</div> </a> </li> <li class="col mb-4" data-name="filetype-sass" data-tags="file file type extension code css stylesheet" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-sass/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-sass"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-sass</div> </a> </li> <li class="col mb-4" data-name="filetype-scss" data-tags="file file type extension code css stylesheet" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-scss/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-scss"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-scss</div> </a> </li> <li class="col mb-4" data-name="filetype-sh" data-tags="file file type extension code shell" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-sh/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-sh"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-sh</div> </a> </li> <li class="col mb-4" data-name="filetype-sql" data-tags="file file type extension mysql" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-sql/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-sql"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-sql</div> </a> </li> <li class="col mb-4" data-name="filetype-svg" data-tags="file file type extension code" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-svg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-svg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-svg</div> </a> </li> <li class="col mb-4" data-name="filetype-tiff" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-tiff/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-tiff"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-tiff</div> </a> </li> <li class="col mb-4" data-name="filetype-tsx" data-tags="file file type extension code typescript" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-tsx/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-tsx"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-tsx</div> </a> </li> <li class="col mb-4" data-name="filetype-ttf" data-tags="file file type extension font type" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-ttf/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-ttf"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-ttf</div> </a> </li> <li class="col mb-4" data-name="filetype-txt" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-txt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-txt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-txt</div> </a> </li> <li class="col mb-4" data-name="filetype-wav" data-tags="file file type extension" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-wav/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-wav"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-wav</div> </a> </li> <li class="col mb-4" data-name="filetype-woff" data-tags="file file type extension font type" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-woff/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-woff"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-woff</div> </a> </li> <li class="col mb-4" data-name="filetype-xls" data-tags="file file type extension spreadsheet" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-xls/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-xls"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-xls</div> </a> </li> <li class="col mb-4" data-name="filetype-xlsx" data-tags="file file type extension spreadsheet" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-xlsx/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-xlsx"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-xlsx</div> </a> </li> <li class="col mb-4" data-name="filetype-xml" data-tags="file file type extension code" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-xml/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-xml"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-xml</div> </a> </li> <li class="col mb-4" data-name="filetype-yml" data-tags="file file type extension code yaml" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filetype-yml/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filetype-yml"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filetype-yml</div> </a> </li> <li class="col mb-4" data-name="film" data-tags="video movie" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/film/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-film"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">film</div> </a> </li> <li class="col mb-4" data-name="filter" data-tags="sort" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filter/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filter"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filter</div> </a> </li> <li class="col mb-4" data-name="filter-circle" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filter-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filter-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filter-circle</div> </a> </li> <li class="col mb-4" data-name="filter-circle-fill" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filter-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filter-circle-fill"></i> </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-name="filter-left" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filter-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filter-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filter-left</div> </a> </li> <li class="col mb-4" data-name="filter-right" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filter-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filter-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filter-right</div> </a> </li> <li class="col mb-4" data-name="filter-square" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filter-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filter-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">filter-square</div> </a> </li> <li class="col mb-4" data-name="filter-square-fill" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/filter-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-filter-square-fill"></i> </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-name="fingerprint" data-tags="touch ID secure biometric" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fingerprint/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fingerprint"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fingerprint</div> </a> </li> <li class="col mb-4" data-name="fire" data-tags="burning smoke" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fire/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fire"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fire</div> </a> </li> <li class="col mb-4" data-name="flag" data-tags="report" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/flag/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-flag"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">flag</div> </a> </li> <li class="col mb-4" data-name="flag-fill" data-tags="report" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/flag-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-flag-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">flag-fill</div> </a> </li> <li class="col mb-4" data-name="floppy" data-tags="save storage disk" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/floppy/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-floppy"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">floppy</div> </a> </li> <li class="col mb-4" data-name="floppy-fill" data-tags="save storage disk" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/floppy-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-floppy-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">floppy-fill</div> </a> </li> <li class="col mb-4" data-name="floppy2" data-tags="save storage disk" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/floppy2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-floppy2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">floppy2</div> </a> </li> <li class="col mb-4" data-name="floppy2-fill" data-tags="save storage disk" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/floppy2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-floppy2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">floppy2-fill</div> </a> </li> <li class="col mb-4" data-name="flower1" data-tags="plant bloom flower" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/flower1/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-flower1"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">flower1</div> </a> </li> <li class="col mb-4" data-name="flower2" data-tags="plant bloom flower" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/flower2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-flower2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">flower2</div> </a> </li> <li class="col mb-4" data-name="flower3" data-tags="plant bloom flower" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/flower3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-flower3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">flower3</div> </a> </li> <li class="col mb-4" data-name="folder" data-tags="directory" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder</div> </a> </li> <li class="col mb-4" data-name="folder-check" data-tags="directory check verified" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder-check</div> </a> </li> <li class="col mb-4" data-name="folder-fill" data-tags="directory" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder-fill</div> </a> </li> <li class="col mb-4" data-name="folder-minus" data-tags="directory delete remove" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder-minus</div> </a> </li> <li class="col mb-4" data-name="folder-plus" data-tags="directory delete add new" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder-plus</div> </a> </li> <li class="col mb-4" data-name="folder-symlink" data-tags="directory symbolic-link" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder-symlink/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder-symlink"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder-symlink</div> </a> </li> <li class="col mb-4" data-name="folder-symlink-fill" data-tags="directory symbolic-link" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder-symlink-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder-symlink-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder-symlink-fill</div> </a> </li> <li class="col mb-4" data-name="folder-x" data-tags="directory remove delete" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder-x</div> </a> </li> <li class="col mb-4" data-name="folder2" data-tags="directory" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder2</div> </a> </li> <li class="col mb-4" data-name="folder2-open" data-tags="directory" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/folder2-open/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-folder2-open"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">folder2-open</div> </a> </li> <li class="col mb-4" data-name="fonts" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fonts/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fonts"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fonts</div> </a> </li> <li class="col mb-4" data-name="forward" data-tags="mail email" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/forward/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-forward"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">forward</div> </a> </li> <li class="col mb-4" data-name="forward-fill" data-tags="mail email" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/forward-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-forward-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">forward-fill</div> </a> </li> <li class="col mb-4" data-name="front" data-tags="forward layer" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-front"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">front</div> </a> </li> <li class="col mb-4" data-name="fuel-pump" data-tags="gas petrol fuel gas station" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fuel-pump/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fuel-pump"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fuel-pump</div> </a> </li> <li class="col mb-4" data-name="fuel-pump-diesel" data-tags="gas petrol fuel gas station" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fuel-pump-diesel/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fuel-pump-diesel"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fuel-pump-diesel</div> </a> </li> <li class="col mb-4" data-name="fuel-pump-diesel-fill" data-tags="gas petrol fuel gas station" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fuel-pump-diesel-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fuel-pump-diesel-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fuel-pump-diesel-fill</div> </a> </li> <li class="col mb-4" data-name="fuel-pump-fill" data-tags="gas petrol fuel gas station" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fuel-pump-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fuel-pump-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fuel-pump-fill</div> </a> </li> <li class="col mb-4" data-name="fullscreen" data-tags="window maximize" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fullscreen/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fullscreen"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fullscreen</div> </a> </li> <li class="col mb-4" data-name="fullscreen-exit" data-tags="window minimize" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/fullscreen-exit/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-fullscreen-exit"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">fullscreen-exit</div> </a> </li> <li class="col mb-4" data-name="funnel" data-tags="sort filter" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/funnel/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-funnel"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">funnel</div> </a> </li> <li class="col mb-4" data-name="funnel-fill" data-tags="sort filter" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/funnel-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-funnel-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">funnel-fill</div> </a> </li> <li class="col mb-4" data-name="gear" data-tags="tool settings preferences" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gear</div> </a> </li> <li class="col mb-4" data-name="gear-fill" data-tags="tool settings preferences" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gear-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gear-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gear-fill</div> </a> </li> <li class="col mb-4" data-name="gear-wide" data-tags="tool settings preferences" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gear-wide/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gear-wide"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gear-wide</div> </a> </li> <li class="col mb-4" data-name="gear-wide-connected" data-tags="tool settings preferences" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gear-wide-connected/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gear-wide-connected"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gear-wide-connected</div> </a> </li> <li class="col mb-4" data-name="gem" data-tags="shape diamond" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gem/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gem"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gem</div> </a> </li> <li class="col mb-4" data-name="gender-ambiguous" data-tags="gender identity" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gender-ambiguous/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gender-ambiguous"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gender-ambiguous</div> </a> </li> <li class="col mb-4" data-name="gender-female" data-tags="gender identity" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gender-female/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gender-female"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gender-female</div> </a> </li> <li class="col mb-4" data-name="gender-male" data-tags="gender identity" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gender-male/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gender-male"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gender-male</div> </a> </li> <li class="col mb-4" data-name="gender-neuter" data-tags="gender identity" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gender-neuter/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gender-neuter"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gender-neuter</div> </a> </li> <li class="col mb-4" data-name="gender-trans" data-tags="gender identity" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gender-trans/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gender-trans"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gender-trans</div> </a> </li> <li class="col mb-4" data-name="geo" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/geo/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-geo"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">geo</div> </a> </li> <li class="col mb-4" data-name="geo-alt" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/geo-alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-geo-alt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">geo-alt</div> </a> </li> <li class="col mb-4" data-name="geo-alt-fill" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/geo-alt-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-geo-alt-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">geo-alt-fill</div> </a> </li> <li class="col mb-4" data-name="geo-fill" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/geo-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-geo-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">geo-fill</div> </a> </li> <li class="col mb-4" data-name="gift" data-tags="present gift" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gift/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gift"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gift</div> </a> </li> <li class="col mb-4" data-name="gift-fill" data-tags="present gift" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gift-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gift-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gift-fill</div> </a> </li> <li class="col mb-4" data-name="git" data-tags="version control vcs github version" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/git/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-git"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">git</div> </a> </li> <li class="col mb-4" data-name="github" data-tags="social microsoft vcs git" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/github/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-github"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">github</div> </a> </li> <li class="col mb-4" data-name="gitlab" data-tags="social vcs git" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gitlab/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gitlab"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gitlab</div> </a> </li> <li class="col mb-4" data-name="globe" data-tags="world translate global international" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/globe/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-globe"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">globe</div> </a> </li> <li class="col mb-4" data-name="globe-americas" data-tags="geography earth world map" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/globe-americas/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-globe-americas"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">globe-americas</div> </a> </li> <li class="col mb-4" data-name="globe-asia-australia" data-tags="geography earth world map" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/globe-asia-australia/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-globe-asia-australia"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">globe-asia-australia</div> </a> </li> <li class="col mb-4" data-name="globe-central-south-asia" data-tags="geography earth world map" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/globe-central-south-asia/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-globe-central-south-asia"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">globe-central-south-asia</div> </a> </li> <li class="col mb-4" data-name="globe-europe-africa" data-tags="geography earth world map" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/globe-europe-africa/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-globe-europe-africa"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">globe-europe-africa</div> </a> </li> <li class="col mb-4" data-name="globe2" data-tags="world translate global international" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/globe2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-globe2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">globe2</div> </a> </li> <li class="col mb-4" data-name="google" data-tags="social search" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/google/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-google"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">google</div> </a> </li> <li class="col mb-4" data-name="google-play" data-tags="app store apps store android" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/google-play/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-google-play"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">google-play</div> </a> </li> <li class="col mb-4" data-name="gpu-card" data-tags="video output graphics" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/gpu-card/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-gpu-card"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">gpu-card</div> </a> </li> <li class="col mb-4" data-name="graph-down" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/graph-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-graph-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">graph-down</div> </a> </li> <li class="col mb-4" data-name="graph-down-arrow" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/graph-down-arrow/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-graph-down-arrow"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">graph-down-arrow</div> </a> </li> <li class="col mb-4" data-name="graph-up" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/graph-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-graph-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">graph-up</div> </a> </li> <li class="col mb-4" data-name="graph-up-arrow" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/graph-up-arrow/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-graph-up-arrow"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">graph-up-arrow</div> </a> </li> <li class="col mb-4" data-name="grid" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grid</div> </a> </li> <li class="col mb-4" data-name="grid-1x2" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid-1x2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid-1x2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grid-1x2</div> </a> </li> <li class="col mb-4" data-name="grid-1x2-fill" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid-1x2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid-1x2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grid-1x2-fill</div> </a> </li> <li class="col mb-4" data-name="grid-3x2" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid-3x2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid-3x2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grid-3x2</div> </a> </li> <li class="col mb-4" data-name="grid-3x2-gap" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid-3x2-gap/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid-3x2-gap"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grid-3x2-gap</div> </a> </li> <li class="col mb-4" data-name="grid-3x2-gap-fill" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid-3x2-gap-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid-3x2-gap-fill"></i> </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" data-name="grid-3x3" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid-3x3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid-3x3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grid-3x3</div> </a> </li> <li class="col mb-4" data-name="grid-3x3-gap" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid-3x3-gap/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid-3x3-gap"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grid-3x3-gap</div> </a> </li> <li class="col mb-4" data-name="grid-3x3-gap-fill" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid-3x3-gap-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid-3x3-gap-fill"></i> </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" data-name="grid-fill" data-tags="grid layout" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grid-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grid-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grid-fill</div> </a> </li> <li class="col mb-4" data-name="grip-horizontal" data-tags="drag grab" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grip-horizontal/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grip-horizontal"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grip-horizontal</div> </a> </li> <li class="col mb-4" data-name="grip-vertical" data-tags="drag grab" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/grip-vertical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-grip-vertical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">grip-vertical</div> </a> </li> <li class="col mb-4" data-name="h-circle" data-tags="hospital helicopter" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/h-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-h-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">h-circle</div> </a> </li> <li class="col mb-4" data-name="h-circle-fill" data-tags="hospital helicopter" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/h-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-h-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">h-circle-fill</div> </a> </li> <li class="col mb-4" data-name="h-square" data-tags="hospital helicopter" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/h-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-h-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">h-square</div> </a> </li> <li class="col mb-4" data-name="h-square-fill" data-tags="hospital helicopter" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/h-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-h-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">h-square-fill</div> </a> </li> <li class="col mb-4" data-name="hammer" data-tags="tool" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hammer/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hammer"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hammer</div> </a> </li> <li class="col mb-4" data-name="hand-index" data-tags="hand pointer cursor" data-categories="hands"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hand-index/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hand-index"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hand-index</div> </a> </li> <li class="col mb-4" data-name="hand-index-fill" data-tags="hand pointer cursor" data-categories="hands"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hand-index-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hand-index-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hand-index-fill</div> </a> </li> <li class="col mb-4" data-name="hand-index-thumb" data-tags="hand pointer cursor" data-categories="hands"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hand-index-thumb/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hand-index-thumb"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hand-index-thumb</div> </a> </li> <li class="col mb-4" data-name="hand-index-thumb-fill" data-tags="hand pointer cursor" data-categories="hands"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hand-index-thumb-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hand-index-thumb-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hand-index-thumb-fill</div> </a> </li> <li class="col mb-4" data-name="hand-thumbs-down" data-tags="hand pointer thumbs-down -1" data-categories="hands"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hand-thumbs-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hand-thumbs-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hand-thumbs-down</div> </a> </li> <li class="col mb-4" data-name="hand-thumbs-down-fill" data-tags="hand pointer thumbs-down -1" data-categories="hands"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hand-thumbs-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hand-thumbs-down-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hand-thumbs-down-fill</div> </a> </li> <li class="col mb-4" data-name="hand-thumbs-up" data-tags="hand pointer thumbs-up +1" data-categories="hands"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hand-thumbs-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hand-thumbs-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hand-thumbs-up</div> </a> </li> <li class="col mb-4" data-name="hand-thumbs-up-fill" data-tags="hand pointer thumbs-up +1" data-categories="hands"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hand-thumbs-up-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hand-thumbs-up-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hand-thumbs-up-fill</div> </a> </li> <li class="col mb-4" data-name="handbag" data-tags="purse tote" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/handbag/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-handbag"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">handbag</div> </a> </li> <li class="col mb-4" data-name="handbag-fill" data-tags="purse tote" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/handbag-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-handbag-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">handbag-fill</div> </a> </li> <li class="col mb-4" data-name="hash" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hash</div> </a> </li> <li class="col mb-4" data-name="hdd" data-tags="hard drive hard disk ssd drive server" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdd/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdd"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hdd</div> </a> </li> <li class="col mb-4" data-name="hdd-fill" data-tags="hard drive hard disk ssd drive server" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdd-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdd-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hdd-fill</div> </a> </li> <li class="col mb-4" data-name="hdd-network" data-tags="hard drive hard disk ssd drive server" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdd-network/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdd-network"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hdd-network</div> </a> </li> <li class="col mb-4" data-name="hdd-network-fill" data-tags="hard drive hard disk ssd drive server" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdd-network-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdd-network-fill"></i> </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-name="hdd-rack" data-tags="hard drive hard disk ssd drive server" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdd-rack/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdd-rack"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hdd-rack</div> </a> </li> <li class="col mb-4" data-name="hdd-rack-fill" data-tags="hard drive hard disk ssd drive server" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdd-rack-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdd-rack-fill"></i> </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-name="hdd-stack" data-tags="hard drive hard disk ssd drive server" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdd-stack/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdd-stack"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hdd-stack</div> </a> </li> <li class="col mb-4" data-name="hdd-stack-fill" data-tags="hard drive hard disk ssd drive server" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdd-stack-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdd-stack-fill"></i> </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-name="hdmi" data-tags="video input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdmi/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdmi"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hdmi</div> </a> </li> <li class="col mb-4" data-name="hdmi-fill" data-tags="video input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hdmi-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hdmi-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hdmi-fill</div> </a> </li> <li class="col mb-4" data-name="headphones" data-tags="headphones" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/headphones/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-headphones"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">headphones</div> </a> </li> <li class="col mb-4" data-name="headset" data-tags="headphones microphone" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/headset/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-headset"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">headset</div> </a> </li> <li class="col mb-4" data-name="headset-vr" data-tags="virual reality oculus hololens" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/headset-vr/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-headset-vr"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">headset-vr</div> </a> </li> <li class="col mb-4" data-name="heart" data-tags="love favorite" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heart</div> </a> </li> <li class="col mb-4" data-name="heart-arrow" data-tags="romance cupid valentine" data-categories="love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heart-arrow/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heart-arrow"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heart-arrow</div> </a> </li> <li class="col mb-4" data-name="heart-fill" data-tags="love favorite" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heart-fill</div> </a> </li> <li class="col mb-4" data-name="heart-half" data-tags="love favorite" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heart-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heart-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heart-half</div> </a> </li> <li class="col mb-4" data-name="heart-pulse" data-tags="heartbeat" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heart-pulse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heart-pulse"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heart-pulse</div> </a> </li> <li class="col mb-4" data-name="heart-pulse-fill" data-tags="heartbeat" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heart-pulse-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heart-pulse-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heart-pulse-fill</div> </a> </li> <li class="col mb-4" data-name="heartbreak" data-tags="love valentine romance" data-categories="emoji love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heartbreak/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heartbreak"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heartbreak</div> </a> </li> <li class="col mb-4" data-name="heartbreak-fill" data-tags="love valentine romance" data-categories="emoji love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heartbreak-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heartbreak-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heartbreak-fill</div> </a> </li> <li class="col mb-4" data-name="hearts" data-tags="romance valentine" data-categories="love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hearts/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hearts"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hearts</div> </a> </li> <li class="col mb-4" data-name="heptagon" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heptagon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heptagon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heptagon</div> </a> </li> <li class="col mb-4" data-name="heptagon-fill" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heptagon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heptagon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heptagon-fill</div> </a> </li> <li class="col mb-4" data-name="heptagon-half" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/heptagon-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-heptagon-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">heptagon-half</div> </a> </li> <li class="col mb-4" data-name="hexagon" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hexagon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hexagon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hexagon</div> </a> </li> <li class="col mb-4" data-name="hexagon-fill" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hexagon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hexagon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hexagon-fill</div> </a> </li> <li class="col mb-4" data-name="hexagon-half" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hexagon-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hexagon-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hexagon-half</div> </a> </li> <li class="col mb-4" data-name="highlighter" data-tags="text study highlight marker" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/highlighter/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-highlighter"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">highlighter</div> </a> </li> <li class="col mb-4" data-name="highlights" data-tags="photo editing image picture" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/highlights/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-highlights"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">highlights</div> </a> </li> <li class="col mb-4" data-name="hospital" data-tags="health emergency room" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hospital/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hospital"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hospital</div> </a> </li> <li class="col mb-4" data-name="hospital-fill" data-tags="health emergency room" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hospital-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hospital-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hospital-fill</div> </a> </li> <li class="col mb-4" data-name="hourglass" data-tags="time history wait sand clock" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hourglass/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hourglass"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hourglass</div> </a> </li> <li class="col mb-4" data-name="hourglass-bottom" data-tags="time history wait sand clock" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hourglass-bottom/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hourglass-bottom"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hourglass-bottom</div> </a> </li> <li class="col mb-4" data-name="hourglass-split" data-tags="time history wait sand clock" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hourglass-split/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hourglass-split"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hourglass-split</div> </a> </li> <li class="col mb-4" data-name="hourglass-top" data-tags="time history wait sand clock" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hourglass-top/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hourglass-top"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hourglass-top</div> </a> </li> <li class="col mb-4" data-name="house" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house</div> </a> </li> <li class="col mb-4" data-name="house-add" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-add/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-add"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-add</div> </a> </li> <li class="col mb-4" data-name="house-add-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-add-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-add-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-add-fill</div> </a> </li> <li class="col mb-4" data-name="house-check" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-check</div> </a> </li> <li class="col mb-4" data-name="house-check-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-check-fill</div> </a> </li> <li class="col mb-4" data-name="house-dash" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-dash</div> </a> </li> <li class="col mb-4" data-name="house-dash-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-dash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-dash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-dash-fill</div> </a> </li> <li class="col mb-4" data-name="house-door" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-door/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-door"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-door</div> </a> </li> <li class="col mb-4" data-name="house-door-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-door-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-door-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-door-fill</div> </a> </li> <li class="col mb-4" data-name="house-down" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-down</div> </a> </li> <li class="col mb-4" data-name="house-down-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-down-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-down-fill</div> </a> </li> <li class="col mb-4" data-name="house-exclamation" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-exclamation</div> </a> </li> <li class="col mb-4" data-name="house-exclamation-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-exclamation-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-exclamation-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-exclamation-fill</div> </a> </li> <li class="col mb-4" data-name="house-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-fill</div> </a> </li> <li class="col mb-4" data-name="house-gear" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-gear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-gear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-gear</div> </a> </li> <li class="col mb-4" data-name="house-gear-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-gear-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-gear-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-gear-fill</div> </a> </li> <li class="col mb-4" data-name="house-heart" data-tags="home love romance" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-heart</div> </a> </li> <li class="col mb-4" data-name="house-heart-fill" data-tags="home love romance" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-heart-fill</div> </a> </li> <li class="col mb-4" data-name="house-lock" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-lock</div> </a> </li> <li class="col mb-4" data-name="house-lock-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-lock-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-lock-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-lock-fill</div> </a> </li> <li class="col mb-4" data-name="house-slash" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-slash</div> </a> </li> <li class="col mb-4" data-name="house-slash-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-slash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-slash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-slash-fill</div> </a> </li> <li class="col mb-4" data-name="house-up" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-up</div> </a> </li> <li class="col mb-4" data-name="house-up-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-up-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-up-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-up-fill</div> </a> </li> <li class="col mb-4" data-name="house-x" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-x</div> </a> </li> <li class="col mb-4" data-name="house-x-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/house-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-house-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">house-x-fill</div> </a> </li> <li class="col mb-4" data-name="houses" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/houses/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-houses"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">houses</div> </a> </li> <li class="col mb-4" data-name="houses-fill" data-tags="home" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/houses-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-houses-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">houses-fill</div> </a> </li> <li class="col mb-4" data-name="hr" data-tags="divider horizonal-rule" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hr/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hr"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hr</div> </a> </li> <li class="col mb-4" data-name="hurricane" data-tags="storm" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hurricane/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hurricane"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hurricane</div> </a> </li> <li class="col mb-4" data-name="hypnotize" data-tags="hypnosis sleepy" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/hypnotize/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-hypnotize"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">hypnotize</div> </a> </li> <li class="col mb-4" data-name="image" data-tags="picture photo" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/image/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-image"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">image</div> </a> </li> <li class="col mb-4" data-name="image-alt" data-tags="picture photo" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/image-alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-image-alt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">image-alt</div> </a> </li> <li class="col mb-4" data-name="image-fill" data-tags="picture photo" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/image-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-image-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">image-fill</div> </a> </li> <li class="col mb-4" data-name="images" data-tags="picture photo" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/images/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-images"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">images</div> </a> </li> <li class="col mb-4" data-name="inbox" data-tags="mail email letter tray" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/inbox/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-inbox"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">inbox</div> </a> </li> <li class="col mb-4" data-name="inbox-fill" data-tags="mail email letter tray" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/inbox-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-inbox-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">inbox-fill</div> </a> </li> <li class="col mb-4" data-name="inboxes-fill" data-tags="mail email letter tray" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/inboxes-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-inboxes-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">inboxes-fill</div> </a> </li> <li class="col mb-4" data-name="inboxes" data-tags="mail email letter tray" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/inboxes/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-inboxes"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">inboxes</div> </a> </li> <li class="col mb-4" data-name="incognito" data-tags="private investigator secret" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/incognito/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-incognito"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">incognito</div> </a> </li> <li class="col mb-4" data-name="indent" data-tags="tab indent" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/indent/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-indent"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">indent</div> </a> </li> <li class="col mb-4" data-name="infinity" data-tags="math infinite" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/infinity/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-infinity"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">infinity</div> </a> </li> <li class="col mb-4" data-name="info" data-tags="information help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/info/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-info"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">info</div> </a> </li> <li class="col mb-4" data-name="info-circle" data-tags="information help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/info-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-info-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">info-circle</div> </a> </li> <li class="col mb-4" data-name="info-circle-fill" data-tags="information help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/info-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-info-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">info-circle-fill</div> </a> </li> <li class="col mb-4" data-name="info-lg" data-tags="information help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/info-lg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-info-lg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">info-lg</div> </a> </li> <li class="col mb-4" data-name="info-square" data-tags="information help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/info-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-info-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">info-square</div> </a> </li> <li class="col mb-4" data-name="info-square-fill" data-tags="information help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/info-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-info-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">info-square-fill</div> </a> </li> <li class="col mb-4" data-name="input-cursor" data-tags="textarea form input" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/input-cursor/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-input-cursor"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">input-cursor</div> </a> </li> <li class="col mb-4" data-name="input-cursor-text" data-tags="textarea form input" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/input-cursor-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-input-cursor-text"></i> </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-name="instagram" data-tags="social chat" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/instagram/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-instagram"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">instagram</div> </a> </li> <li class="col mb-4" data-name="intersect" data-tags="graphics vector merge layers" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/intersect/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-intersect"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">intersect</div> </a> </li> <li class="col mb-4" data-name="journal" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal</div> </a> </li> <li class="col mb-4" data-name="journal-album" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-album/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-album"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-album</div> </a> </li> <li class="col mb-4" data-name="journal-arrow-down" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-arrow-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-arrow-down"></i> </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-name="journal-arrow-up" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-arrow-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-arrow-up"></i> </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-name="journal-bookmark" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-bookmark/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-bookmark"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-bookmark</div> </a> </li> <li class="col mb-4" data-name="journal-bookmark-fill" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-bookmark-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-bookmark-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-bookmark-fill</div> </a> </li> <li class="col mb-4" data-name="journal-check" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-check</div> </a> </li> <li class="col mb-4" data-name="journal-code" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-code/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-code"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-code</div> </a> </li> <li class="col mb-4" data-name="journal-medical" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-medical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-medical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-medical</div> </a> </li> <li class="col mb-4" data-name="journal-minus" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-minus</div> </a> </li> <li class="col mb-4" data-name="journal-plus" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-plus</div> </a> </li> <li class="col mb-4" data-name="journal-richtext" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-richtext/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-richtext"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-richtext</div> </a> </li> <li class="col mb-4" data-name="journal-text" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-text/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-text"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-text</div> </a> </li> <li class="col mb-4" data-name="journal-x" data-tags="file folder journal notebook remove delete" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journal-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journal-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journal-x</div> </a> </li> <li class="col mb-4" data-name="journals" data-tags="file folder journal notebook" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/journals/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-journals"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">journals</div> </a> </li> <li class="col mb-4" data-name="joystick" data-tags="gaming game video games" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/joystick/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-joystick"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">joystick</div> </a> </li> <li class="col mb-4" data-name="justify" data-tags="text type justify alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/justify/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-justify"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">justify</div> </a> </li> <li class="col mb-4" data-name="justify-left" data-tags="text type justify alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/justify-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-justify-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">justify-left</div> </a> </li> <li class="col mb-4" data-name="justify-right" data-tags="text type justify alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/justify-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-justify-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">justify-right</div> </a> </li> <li class="col mb-4" data-name="kanban" data-tags="board project-management" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/kanban/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-kanban"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">kanban</div> </a> </li> <li class="col mb-4" data-name="kanban-fill" data-tags="board project-management" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/kanban-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-kanban-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">kanban-fill</div> </a> </li> <li class="col mb-4" data-name="key" data-tags="lock secure" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/key/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-key"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">key</div> </a> </li> <li class="col mb-4" data-name="key-fill" data-tags="lock secure" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/key-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-key-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">key-fill</div> </a> </li> <li class="col mb-4" data-name="keyboard" data-tags="keyboard keys typing" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/keyboard/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-keyboard"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">keyboard</div> </a> </li> <li class="col mb-4" data-name="keyboard-fill" data-tags="keyboard keys typing" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/keyboard-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-keyboard-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">keyboard-fill</div> </a> </li> <li class="col mb-4" data-name="ladder" data-tags="climb ladder" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ladder/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ladder"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ladder</div> </a> </li> <li class="col mb-4" data-name="lamp" data-tags="light lamp" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lamp/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lamp"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lamp</div> </a> </li> <li class="col mb-4" data-name="lamp-fill" data-tags="light lamp" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lamp-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lamp-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lamp-fill</div> </a> </li> <li class="col mb-4" data-name="laptop" data-tags="computer" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/laptop/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-laptop"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">laptop</div> </a> </li> <li class="col mb-4" data-name="laptop-fill" data-tags="computer" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/laptop-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-laptop-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">laptop-fill</div> </a> </li> <li class="col mb-4" data-name="layer-backward" data-tags="arrange layers back" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layer-backward/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layer-backward"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layer-backward</div> </a> </li> <li class="col mb-4" data-name="layer-forward" data-tags="arrange layers front" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layer-forward/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layer-forward"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layer-forward</div> </a> </li> <li class="col mb-4" data-name="layers" data-tags="perspective stacked" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layers/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layers"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layers</div> </a> </li> <li class="col mb-4" data-name="layers-fill" data-tags="perspective stacked" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layers-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layers-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layers-fill</div> </a> </li> <li class="col mb-4" data-name="layers-half" data-tags="perspective stacked" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layers-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layers-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layers-half</div> </a> </li> <li class="col mb-4" data-name="layout-sidebar" data-tags="grid layout sidebar" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-sidebar/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-sidebar"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layout-sidebar</div> </a> </li> <li class="col mb-4" data-name="layout-sidebar-inset-reverse" data-tags="layout columns" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-sidebar-inset-reverse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-sidebar-inset-reverse"></i> </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" data-name="layout-sidebar-inset" data-tags="layout columns" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-sidebar-inset/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-sidebar-inset"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layout-sidebar-inset</div> </a> </li> <li class="col mb-4" data-name="layout-sidebar-reverse" data-tags="grid layout sidebar" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-sidebar-reverse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-sidebar-reverse"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layout-sidebar-reverse</div> </a> </li> <li class="col mb-4" data-name="layout-split" data-tags="grid layout sidebar" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-split/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-split"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layout-split</div> </a> </li> <li class="col mb-4" data-name="layout-text-sidebar" data-tags="layout columns" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-text-sidebar/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-text-sidebar"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layout-text-sidebar</div> </a> </li> <li class="col mb-4" data-name="layout-text-sidebar-reverse" data-tags="layout columns" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-text-sidebar-reverse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-text-sidebar-reverse"></i> </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" data-name="layout-text-window" data-tags="layout columns" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-text-window/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-text-window"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layout-text-window</div> </a> </li> <li class="col mb-4" data-name="layout-text-window-reverse" data-tags="layout columns" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-text-window-reverse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-text-window-reverse"></i> </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" data-name="layout-three-columns" data-tags="layout columns" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-three-columns/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-three-columns"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layout-three-columns</div> </a> </li> <li class="col mb-4" data-name="layout-wtf" data-tags="layout broken" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/layout-wtf/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-layout-wtf"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">layout-wtf</div> </a> </li> <li class="col mb-4" data-name="life-preserver" data-tags="lifesaver water" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/life-preserver/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-life-preserver"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">life-preserver</div> </a> </li> <li class="col mb-4" data-name="lightbulb" data-tags="lights lamp" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lightbulb/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lightbulb"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lightbulb</div> </a> </li> <li class="col mb-4" data-name="lightbulb-fill" data-tags="lights lamp" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lightbulb-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lightbulb-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lightbulb-fill</div> </a> </li> <li class="col mb-4" data-name="lightbulb-off" data-tags="lights lamp" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lightbulb-off/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lightbulb-off"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lightbulb-off</div> </a> </li> <li class="col mb-4" data-name="lightbulb-off-fill" data-tags="lights lamp" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lightbulb-off-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lightbulb-off-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lightbulb-off-fill</div> </a> </li> <li class="col mb-4" data-name="lightning" data-tags="storm thunder bolt" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lightning/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lightning"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lightning</div> </a> </li> <li class="col mb-4" data-name="lightning-charge" data-tags="weather storm thunder bolt" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lightning-charge/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lightning-charge"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lightning-charge</div> </a> </li> <li class="col mb-4" data-name="lightning-charge-fill" data-tags="weather storm thunder bolt" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lightning-charge-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lightning-charge-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lightning-charge-fill</div> </a> </li> <li class="col mb-4" data-name="lightning-fill" data-tags="storm thunder bolt" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lightning-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lightning-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lightning-fill</div> </a> </li> <li class="col mb-4" data-name="line" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/line/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-line"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">line</div> </a> </li> <li class="col mb-4" data-name="link" data-tags="anchor hyperlink href" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/link/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-link"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">link</div> </a> </li> <li class="col mb-4" data-name="link-45deg" data-tags="anchor hyperlink href" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/link-45deg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-link-45deg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">link-45deg</div> </a> </li> <li class="col mb-4" data-name="linkedin" data-tags="social microsoft" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/linkedin/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-linkedin"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">linkedin</div> </a> </li> <li class="col mb-4" data-name="list" data-tags="text type justify alignment menu hamburger" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/list/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-list"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">list</div> </a> </li> <li class="col mb-4" data-name="list-check" data-tags="text type justify alignment checklist done" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/list-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-list-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">list-check</div> </a> </li> <li class="col mb-4" data-name="list-columns" data-tags="text type alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/list-columns/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-list-columns"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">list-columns</div> </a> </li> <li class="col mb-4" data-name="list-columns-reverse" data-tags="text type alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/list-columns-reverse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-list-columns-reverse"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">list-columns-reverse</div> </a> </li> <li class="col mb-4" data-name="list-nested" data-tags="text type alignment children" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/list-nested/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-list-nested"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">list-nested</div> </a> </li> <li class="col mb-4" data-name="list-ol" data-tags="text type justify alignment ordered-list numbered-list numbered" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/list-ol/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-list-ol"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">list-ol</div> </a> </li> <li class="col mb-4" data-name="list-stars" data-tags="text type starred" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/list-stars/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-list-stars"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">list-stars</div> </a> </li> <li class="col mb-4" data-name="list-task" data-tags="text type justify alignment todos task" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/list-task/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-list-task"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">list-task</div> </a> </li> <li class="col mb-4" data-name="list-ul" data-tags="text type justify alignment unordered-list" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/list-ul/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-list-ul"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">list-ul</div> </a> </li> <li class="col mb-4" data-name="lock" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lock</div> </a> </li> <li class="col mb-4" data-name="lock-fill" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lock-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lock-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lock-fill</div> </a> </li> <li class="col mb-4" data-name="luggage" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/luggage/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-luggage"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">luggage</div> </a> </li> <li class="col mb-4" data-name="luggage-fill" data-tags="luggage bags carry-on student education" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/luggage-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-luggage-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">luggage-fill</div> </a> </li> <li class="col mb-4" data-name="lungs" data-tags="medicine health breathing" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lungs/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lungs"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lungs</div> </a> </li> <li class="col mb-4" data-name="lungs-fill" data-tags="medicine health breathing" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/lungs-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-lungs-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">lungs-fill</div> </a> </li> <li class="col mb-4" data-name="magic" data-tags="magic stick" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/magic/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-magic"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">magic</div> </a> </li> <li class="col mb-4" data-name="magnet" data-tags="magnetic" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/magnet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-magnet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">magnet</div> </a> </li> <li class="col mb-4" data-name="magnet-fill" data-tags="magnetic" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/magnet-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-magnet-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">magnet-fill</div> </a> </li> <li class="col mb-4" data-name="mailbox" data-tags="post postal postbox letterbox" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mailbox/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mailbox"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mailbox</div> </a> </li> <li class="col mb-4" data-name="mailbox-flag" data-tags="post postal postbox letterbox" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mailbox-flag/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mailbox-flag"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mailbox-flag</div> </a> </li> <li class="col mb-4" data-name="mailbox2" data-tags="post postal postbox letterbox" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mailbox2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mailbox2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mailbox2</div> </a> </li> <li class="col mb-4" data-name="mailbox2-flag" data-tags="post postal postbox letterbox" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mailbox2-flag/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mailbox2-flag"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mailbox2-flag</div> </a> </li> <li class="col mb-4" data-name="map" data-tags="geography directions location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/map/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-map"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">map</div> </a> </li> <li class="col mb-4" data-name="map-fill" data-tags="geography directions location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/map-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-map-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">map-fill</div> </a> </li> <li class="col mb-4" data-name="markdown" data-tags="markdown md content writing" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/markdown/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-markdown"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">markdown</div> </a> </li> <li class="col mb-4" data-name="markdown-fill" data-tags="markdown md content writing" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/markdown-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-markdown-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">markdown-fill</div> </a> </li> <li class="col mb-4" data-name="marker-tip" data-tags="text study highlight" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/marker-tip/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-marker-tip"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">marker-tip</div> </a> </li> <li class="col mb-4" data-name="mask" data-tags="mask" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mask/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mask"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mask</div> </a> </li> <li class="col mb-4" data-name="mastodon" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mastodon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mastodon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mastodon</div> </a> </li> <li class="col mb-4" data-name="medium" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/medium/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-medium"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">medium</div> </a> </li> <li class="col mb-4" data-name="megaphone" data-tags="loudspeaker announcement" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/megaphone/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-megaphone"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">megaphone</div> </a> </li> <li class="col mb-4" data-name="megaphone-fill" data-tags="loudspeaker announcement" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/megaphone-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-megaphone-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">megaphone-fill</div> </a> </li> <li class="col mb-4" data-name="memory" data-tags="ram" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/memory/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-memory"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">memory</div> </a> </li> <li class="col mb-4" data-name="menu-app" data-tags="dropdown menu context app ui" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/menu-app/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-menu-app"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">menu-app</div> </a> </li> <li class="col mb-4" data-name="menu-app-fill" data-tags="dropdown menu context app ui" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/menu-app-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-menu-app-fill"></i> </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-name="menu-button" data-tags="dropdown menu context app ui" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/menu-button/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-menu-button"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">menu-button</div> </a> </li> <li class="col mb-4" data-name="menu-button-fill" data-tags="dropdown menu context app ui" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/menu-button-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-menu-button-fill"></i> </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-name="menu-button-wide" data-tags="dropdown menu context app ui" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/menu-button-wide/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-menu-button-wide"></i> </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-name="menu-button-wide-fill" data-tags="dropdown menu context app ui" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/menu-button-wide-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-menu-button-wide-fill"></i> </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-name="menu-down" data-tags="dropdown menu context app ui" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/menu-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-menu-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">menu-down</div> </a> </li> <li class="col mb-4" data-name="menu-up" data-tags="dropdown menu context app ui" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/menu-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-menu-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">menu-up</div> </a> </li> <li class="col mb-4" data-name="messenger" data-tags="social facebook chat" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/messenger/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-messenger"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">messenger</div> </a> </li> <li class="col mb-4" data-name="meta" data-tags="facebook fb" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/meta/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-meta"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">meta</div> </a> </li> <li class="col mb-4" data-name="mic" data-tags="audio video av sound input microphone podcast" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mic/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mic"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mic</div> </a> </li> <li class="col mb-4" data-name="mic-fill" data-tags="audio video av sound input microphone podcast" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mic-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mic-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mic-fill</div> </a> </li> <li class="col mb-4" data-name="mic-mute" data-tags="audio video av sound input microphone" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mic-mute/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mic-mute"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mic-mute</div> </a> </li> <li class="col mb-4" data-name="mic-mute-fill" data-tags="audio video av sound input microphone" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mic-mute-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mic-mute-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mic-mute-fill</div> </a> </li> <li class="col mb-4" data-name="microsoft" data-tags="msft windows" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/microsoft/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-microsoft"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">microsoft</div> </a> </li> <li class="col mb-4" data-name="microsoft-teams" data-tags="social messaging" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/microsoft-teams/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-microsoft-teams"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">microsoft-teams</div> </a> </li> <li class="col mb-4" data-name="minecart" data-tags="mining cart" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/minecart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-minecart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">minecart</div> </a> </li> <li class="col mb-4" data-name="minecart-loaded" data-tags="mining cart" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/minecart-loaded/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-minecart-loaded"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">minecart-loaded</div> </a> </li> <li class="col mb-4" data-name="modem" data-tags="internet cable" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/modem/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-modem"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">modem</div> </a> </li> <li class="col mb-4" data-name="modem-fill" data-tags="internet cable" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/modem-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-modem-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">modem-fill</div> </a> </li> <li class="col mb-4" data-name="moisture" data-tags="water droplets" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/moisture/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-moisture"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">moisture</div> </a> </li> <li class="col mb-4" data-name="moon" data-tags="lunar weather night" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/moon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-moon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">moon</div> </a> </li> <li class="col mb-4" data-name="moon-fill" data-tags="night sky" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/moon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-moon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">moon-fill</div> </a> </li> <li class="col mb-4" data-name="moon-stars" data-tags="night sky" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/moon-stars/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-moon-stars"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">moon-stars</div> </a> </li> <li class="col mb-4" data-name="moon-stars-fill" data-tags="night sky" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/moon-stars-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-moon-stars-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">moon-stars-fill</div> </a> </li> <li class="col mb-4" data-name="mortarboard" data-tags="graduation cap" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mortarboard/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mortarboard"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mortarboard</div> </a> </li> <li class="col mb-4" data-name="mortarboard-fill" data-tags="graduation cap" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mortarboard-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mortarboard-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mortarboard-fill</div> </a> </li> <li class="col mb-4" data-name="motherboard" data-tags="mobo computer hardware" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/motherboard/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-motherboard"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">motherboard</div> </a> </li> <li class="col mb-4" data-name="motherboard-fill" data-tags="mobo computer hardware" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/motherboard-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-motherboard-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">motherboard-fill</div> </a> </li> <li class="col mb-4" data-name="mouse" data-tags="mice input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mouse/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mouse"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mouse</div> </a> </li> <li class="col mb-4" data-name="mouse-fill" data-tags="mice input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mouse-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mouse-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mouse-fill</div> </a> </li> <li class="col mb-4" data-name="mouse2" data-tags="mice input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mouse2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mouse2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mouse2</div> </a> </li> <li class="col mb-4" data-name="mouse2-fill" data-tags="mice input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mouse2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mouse2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mouse2-fill</div> </a> </li> <li class="col mb-4" data-name="mouse3" data-tags="mice input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mouse3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mouse3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mouse3</div> </a> </li> <li class="col mb-4" data-name="mouse3-fill" data-tags="mice input" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/mouse3-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-mouse3-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">mouse3-fill</div> </a> </li> <li class="col mb-4" data-name="music-note" data-tags="music notes audio sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/music-note/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-music-note"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">music-note</div> </a> </li> <li class="col mb-4" data-name="music-note-beamed" data-tags="music notes audio sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/music-note-beamed/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-music-note-beamed"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">music-note-beamed</div> </a> </li> <li class="col mb-4" data-name="music-note-list" data-tags="music notes audio sound playlist library" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/music-note-list/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-music-note-list"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">music-note-list</div> </a> </li> <li class="col mb-4" data-name="music-player" data-tags="ipod mp3" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/music-player/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-music-player"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">music-player</div> </a> </li> <li class="col mb-4" data-name="music-player-fill" data-tags="ipod mp3" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/music-player-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-music-player-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">music-player-fill</div> </a> </li> <li class="col mb-4" data-name="newspaper" data-tags="news paper" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/newspaper/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-newspaper"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">newspaper</div> </a> </li> <li class="col mb-4" data-name="nintendo-switch" data-tags="gaming" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/nintendo-switch/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-nintendo-switch"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">nintendo-switch</div> </a> </li> <li class="col mb-4" data-name="node-minus" data-tags="add new node diagram" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/node-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-node-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">node-minus</div> </a> </li> <li class="col mb-4" data-name="node-minus-fill" data-tags="add new node diagram" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/node-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-node-minus-fill"></i> </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-name="node-plus" data-tags="add new node diagram" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/node-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-node-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">node-plus</div> </a> </li> <li class="col mb-4" data-name="node-plus-fill" data-tags="add new node diagram" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/node-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-node-plus-fill"></i> </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-name="noise-reduction" data-tags="photo editing image picture" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/noise-reduction/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-noise-reduction"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">noise-reduction</div> </a> </li> <li class="col mb-4" data-name="nut" data-tags="nut bolt hexagon tools" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/nut/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-nut"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">nut</div> </a> </li> <li class="col mb-4" data-name="nut-fill" data-tags="nut bolt hexagon tools" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/nut-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-nut-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">nut-fill</div> </a> </li> <li class="col mb-4" data-name="nvidia" data-tags="gpu" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/nvidia/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-nvidia"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">nvidia</div> </a> </li> <li class="col mb-4" data-name="nvme" data-tags="ssd hard drive hard disk storage" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/nvme/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-nvme"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">nvme</div> </a> </li> <li class="col mb-4" data-name="nvme-fill" data-tags="ssd hard drive hard disk storage" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/nvme-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-nvme-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">nvme-fill</div> </a> </li> <li class="col mb-4" data-name="octagon" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/octagon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-octagon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">octagon</div> </a> </li> <li class="col mb-4" data-name="octagon-fill" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/octagon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-octagon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">octagon-fill</div> </a> </li> <li class="col mb-4" data-name="octagon-half" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/octagon-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-octagon-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">octagon-half</div> </a> </li> <li class="col mb-4" data-name="opencollective" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/opencollective/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-opencollective"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">opencollective</div> </a> </li> <li class="col mb-4" data-name="optical-audio" data-tags="port plug sound" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/optical-audio/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-optical-audio"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">optical-audio</div> </a> </li> <li class="col mb-4" data-name="optical-audio-fill" data-tags="port plug sound" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/optical-audio-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-optical-audio-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">optical-audio-fill</div> </a> </li> <li class="col mb-4" data-name="option" data-tags="key mac" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/option/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-option"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">option</div> </a> </li> <li class="col mb-4" data-name="outlet" data-tags="plug power" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/outlet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-outlet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">outlet</div> </a> </li> <li class="col mb-4" data-name="p-circle" data-tags="parking" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/p-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-p-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">p-circle</div> </a> </li> <li class="col mb-4" data-name="p-circle-fill" data-tags="parking" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/p-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-p-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">p-circle-fill</div> </a> </li> <li class="col mb-4" data-name="p-square" data-tags="parking" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/p-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-p-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">p-square</div> </a> </li> <li class="col mb-4" data-name="p-square-fill" data-tags="parking" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/p-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-p-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">p-square-fill</div> </a> </li> <li class="col mb-4" data-name="paint-bucket" data-tags="color paint fill palette" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/paint-bucket/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-paint-bucket"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">paint-bucket</div> </a> </li> <li class="col mb-4" data-name="palette" data-tags="color paint fill palette" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/palette/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-palette"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">palette</div> </a> </li> <li class="col mb-4" data-name="palette-fill" data-tags="color paint fill palette" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/palette-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-palette-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">palette-fill</div> </a> </li> <li class="col mb-4" data-name="palette2" data-tags="color paint fill palette" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/palette2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-palette2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">palette2</div> </a> </li> <li class="col mb-4" data-name="paperclip" data-tags="attachment" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/paperclip/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-paperclip"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">paperclip</div> </a> </li> <li class="col mb-4" data-name="paragraph" data-tags="paragraph text body content" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/paragraph/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-paragraph"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">paragraph</div> </a> </li> <li class="col mb-4" data-name="pass" data-tags="pass" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pass/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pass"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pass</div> </a> </li> <li class="col mb-4" data-name="pass-fill" data-tags="pass" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pass-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pass-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pass-fill</div> </a> </li> <li class="col mb-4" data-name="passport" data-tags="visa foreign" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/passport/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-passport"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">passport</div> </a> </li> <li class="col mb-4" data-name="passport-fill" data-tags="visa foreign" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/passport-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-passport-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">passport-fill</div> </a> </li> <li class="col mb-4" data-name="patch-check" data-tags="verified checkmark certified" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-check</div> </a> </li> <li class="col mb-4" data-name="patch-check-fill" data-tags="verified checkmark certified" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-check-fill</div> </a> </li> <li class="col mb-4" data-name="patch-exclamation" data-tags="excited certified" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-exclamation</div> </a> </li> <li class="col mb-4" data-name="patch-exclamation-fill" data-tags="excited certified" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-exclamation-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-exclamation-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-exclamation-fill</div> </a> </li> <li class="col mb-4" data-name="patch-minus" data-tags="subtract" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-minus</div> </a> </li> <li class="col mb-4" data-name="patch-minus-fill" data-tags="subtract" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-minus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-minus-fill</div> </a> </li> <li class="col mb-4" data-name="patch-plus" data-tags="add" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-plus</div> </a> </li> <li class="col mb-4" data-name="patch-plus-fill" data-tags="add" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-plus-fill</div> </a> </li> <li class="col mb-4" data-name="patch-question" data-tags="help" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-question/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-question"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-question</div> </a> </li> <li class="col mb-4" data-name="patch-question-fill" data-tags="help" data-categories="badges"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/patch-question-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-patch-question-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">patch-question-fill</div> </a> </li> <li class="col mb-4" data-name="pause" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pause/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pause"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pause</div> </a> </li> <li class="col mb-4" data-name="pause-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pause-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pause-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pause-btn</div> </a> </li> <li class="col mb-4" data-name="pause-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pause-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pause-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pause-btn-fill</div> </a> </li> <li class="col mb-4" data-name="pause-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pause-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pause-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pause-circle</div> </a> </li> <li class="col mb-4" data-name="pause-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pause-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pause-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pause-circle-fill</div> </a> </li> <li class="col mb-4" data-name="pause-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pause-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pause-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pause-fill</div> </a> </li> <li class="col mb-4" data-name="paypal" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/paypal/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-paypal"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">paypal</div> </a> </li> <li class="col mb-4" data-name="pc" data-tags="computer workstation desktop" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pc/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pc"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pc</div> </a> </li> <li class="col mb-4" data-name="pc-display" data-tags="computer workstation desktop" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pc-display/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pc-display"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pc-display</div> </a> </li> <li class="col mb-4" data-name="pc-display-horizontal" data-tags="computer workstation desktop" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pc-display-horizontal/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pc-display-horizontal"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pc-display-horizontal</div> </a> </li> <li class="col mb-4" data-name="pc-horizontal" data-tags="computer workstation desktop" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pc-horizontal/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pc-horizontal"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pc-horizontal</div> </a> </li> <li class="col mb-4" data-name="pci-card" data-tags="card expansion" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pci-card/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pci-card"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pci-card</div> </a> </li> <li class="col mb-4" data-name="pci-card-network" data-tags="card expansion ethernet wifi internet" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pci-card-network/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pci-card-network"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pci-card-network</div> </a> </li> <li class="col mb-4" data-name="pci-card-sound" data-tags="card expansion audio" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pci-card-sound/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pci-card-sound"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pci-card-sound</div> </a> </li> <li class="col mb-4" data-name="peace" data-tags="peace love" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/peace/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-peace"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">peace</div> </a> </li> <li class="col mb-4" data-name="peace-fill" data-tags="peace love" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/peace-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-peace-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">peace-fill</div> </a> </li> <li class="col mb-4" data-name="pen" data-tags="edit write ballpoint" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pen/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pen"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pen</div> </a> </li> <li class="col mb-4" data-name="pen-fill" data-tags="edit write ballpoint" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pen-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pen-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pen-fill</div> </a> </li> <li class="col mb-4" data-name="pencil" data-tags="edit write" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pencil/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pencil"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pencil</div> </a> </li> <li class="col mb-4" data-name="pencil-fill" data-tags="edit write" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pencil-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pencil-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pencil-fill</div> </a> </li> <li class="col mb-4" data-name="pencil-square" data-tags="edit write" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pencil-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pencil-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pencil-square</div> </a> </li> <li class="col mb-4" data-name="pentagon" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pentagon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pentagon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pentagon</div> </a> </li> <li class="col mb-4" data-name="pentagon-fill" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pentagon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pentagon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pentagon-fill</div> </a> </li> <li class="col mb-4" data-name="pentagon-half" data-tags="shape polygon" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pentagon-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pentagon-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pentagon-half</div> </a> </li> <li class="col mb-4" data-name="people" data-tags="member humans organization avatar users profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/people/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-people"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">people</div> </a> </li> <li class="col mb-4" data-name="person-circle" data-tags="member humans organization avatar user account profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-circle</div> </a> </li> <li class="col mb-4" data-name="people-fill" data-tags="member humans organization avatar users profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/people-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-people-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">people-fill</div> </a> </li> <li class="col mb-4" data-name="percent" data-tags="percentage math fraction" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/percent/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-percent"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">percent</div> </a> </li> <li class="col mb-4" data-name="person" data-tags="member human individual avatar user account profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person</div> </a> </li> <li class="col mb-4" data-name="person-add" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-add/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-add"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-add</div> </a> </li> <li class="col mb-4" data-name="person-arms-up" data-tags="human man woman" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-arms-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-arms-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-arms-up</div> </a> </li> <li class="col mb-4" data-name="person-badge" data-tags="member human individual avatar user badge id card account profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-badge/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-badge"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-badge</div> </a> </li> <li class="col mb-4" data-name="person-badge-fill" data-tags="member human individual avatar user badge id card account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-badge-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-badge-fill"></i> </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-name="person-bounding-box" data-tags="member human individual avatar user crop account profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-bounding-box/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-bounding-box"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-bounding-box</div> </a> </li> <li class="col mb-4" data-name="person-check" data-tags="member human individual avatar user verified account profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-check</div> </a> </li> <li class="col mb-4" data-name="person-check-fill" data-tags="member human individual avatar user verified account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-check-fill</div> </a> </li> <li class="col mb-4" data-name="person-dash" data-tags="member human individual avatar user remove delete account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-dash</div> </a> </li> <li class="col mb-4" data-name="person-dash-fill" data-tags="member human individual avatar user remove delete account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-dash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-dash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-dash-fill</div> </a> </li> <li class="col mb-4" data-name="person-down" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-down</div> </a> </li> <li class="col mb-4" data-name="person-exclamation" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-exclamation</div> </a> </li> <li class="col mb-4" data-name="person-fill" data-tags="member human individual avatar user account profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill</div> </a> </li> <li class="col mb-4" data-name="person-fill-add" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-add/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-add"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-add</div> </a> </li> <li class="col mb-4" data-name="person-fill-check" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-check</div> </a> </li> <li class="col mb-4" data-name="person-fill-dash" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-dash</div> </a> </li> <li class="col mb-4" data-name="person-fill-down" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-down</div> </a> </li> <li class="col mb-4" data-name="person-fill-exclamation" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-exclamation</div> </a> </li> <li class="col mb-4" data-name="person-fill-gear" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-gear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-gear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-gear</div> </a> </li> <li class="col mb-4" data-name="person-fill-lock" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-lock</div> </a> </li> <li class="col mb-4" data-name="person-fill-slash" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-slash</div> </a> </li> <li class="col mb-4" data-name="person-fill-up" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-up</div> </a> </li> <li class="col mb-4" data-name="person-fill-x" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-fill-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-fill-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-fill-x</div> </a> </li> <li class="col mb-4" data-name="person-gear" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-gear/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-gear"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-gear</div> </a> </li> <li class="col mb-4" data-name="person-heart" data-tags="member human individual avatar user account love valentine romance" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-heart</div> </a> </li> <li class="col mb-4" data-name="person-hearts" data-tags="member human individual avatar user account love valentine romance" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-hearts/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-hearts"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-hearts</div> </a> </li> <li class="col mb-4" data-name="person-lines-fill" data-tags="member human individual avatar user contact list account profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-lines-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-lines-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-lines-fill</div> </a> </li> <li class="col mb-4" data-name="person-lock" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-lock</div> </a> </li> <li class="col mb-4" data-name="person-plus" data-tags="member human individual avatar user new add account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-plus</div> </a> </li> <li class="col mb-4" data-name="person-plus-fill" data-tags="member human individual avatar user new add account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-plus-fill</div> </a> </li> <li class="col mb-4" data-name="person-raised-hand" data-tags="human man woman question help" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-raised-hand/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-raised-hand"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-raised-hand</div> </a> </li> <li class="col mb-4" data-name="person-rolodex" data-tags="member human individual avatar user account contact" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-rolodex/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-rolodex"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-rolodex</div> </a> </li> <li class="col mb-4" data-name="person-slash" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-slash</div> </a> </li> <li class="col mb-4" data-name="person-square" data-tags="member human individual avatar user account profile" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-square</div> </a> </li> <li class="col mb-4" data-name="person-standing" data-tags="human man woman" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-standing/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-standing"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-standing</div> </a> </li> <li class="col mb-4" data-name="person-standing-dress" data-tags="human man woman" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-standing-dress/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-standing-dress"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-standing-dress</div> </a> </li> <li class="col mb-4" data-name="person-up" data-tags="member human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-up</div> </a> </li> <li class="col mb-4" data-name="person-vcard" data-tags="human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-vcard/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-vcard"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-vcard</div> </a> </li> <li class="col mb-4" data-name="person-vcard-fill" data-tags="human individual avatar user account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-vcard-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-vcard-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-vcard-fill</div> </a> </li> <li class="col mb-4" data-name="person-video" data-tags="human individual avatar user wfh" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-video/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-video"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-video</div> </a> </li> <li class="col mb-4" data-name="person-video2" data-tags="human individual avatar user wfh" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-video2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-video2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-video2</div> </a> </li> <li class="col mb-4" data-name="person-video3" data-tags="human individual avatar user wfh" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-video3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-video3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-video3</div> </a> </li> <li class="col mb-4" data-name="person-walking" data-tags="human man woman" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-walking/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-walking"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-walking</div> </a> </li> <li class="col mb-4" data-name="person-wheelchair" data-tags="human man woman accessibility a11y handicap" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-wheelchair/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-wheelchair"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-wheelchair</div> </a> </li> <li class="col mb-4" data-name="person-workspace" data-tags="human individual avatar user wfh" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-workspace/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-workspace"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-workspace</div> </a> </li> <li class="col mb-4" data-name="person-x" data-tags="member human individual avatar user remove delete account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-x</div> </a> </li> <li class="col mb-4" data-name="person-x-fill" data-tags="member human individual avatar user remove delete account" data-categories="people"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/person-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-person-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">person-x-fill</div> </a> </li> <li class="col mb-4" data-name="phone" data-tags="mobile telephone" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/phone/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-phone"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">phone</div> </a> </li> <li class="col mb-4" data-name="phone-fill" data-tags="mobile telephone" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/phone-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-phone-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">phone-fill</div> </a> </li> <li class="col mb-4" data-name="phone-flip" data-tags="mobile telephone" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/phone-flip/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-phone-flip"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">phone-flip</div> </a> </li> <li class="col mb-4" data-name="phone-landscape" data-tags="mobile telephone" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/phone-landscape/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-phone-landscape"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">phone-landscape</div> </a> </li> <li class="col mb-4" data-name="phone-landscape-fill" data-tags="mobile telephone" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/phone-landscape-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-phone-landscape-fill"></i> </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-name="phone-vibrate" data-tags="mobile telephone haptic" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/phone-vibrate/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-phone-vibrate"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">phone-vibrate</div> </a> </li> <li class="col mb-4" data-name="phone-vibrate-fill" data-tags="mobile telephone haptic" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/phone-vibrate-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-phone-vibrate-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">phone-vibrate-fill</div> </a> </li> <li class="col mb-4" data-name="pie-chart" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pie-chart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pie-chart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pie-chart</div> </a> </li> <li class="col mb-4" data-name="pie-chart-fill" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pie-chart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pie-chart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pie-chart-fill</div> </a> </li> <li class="col mb-4" data-name="piggy-bank" data-tags="money finance banking savings" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/piggy-bank/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-piggy-bank"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">piggy-bank</div> </a> </li> <li class="col mb-4" data-name="piggy-bank-fill" data-tags="money finance banking savings" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/piggy-bank-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-piggy-bank-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">piggy-bank-fill</div> </a> </li> <li class="col mb-4" data-name="pin" data-tags="pushpin thumbtack" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pin/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pin"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pin</div> </a> </li> <li class="col mb-4" data-name="pin-angle" data-tags="pushpin thumbtack" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pin-angle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pin-angle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pin-angle</div> </a> </li> <li class="col mb-4" data-name="pin-angle-fill" data-tags="pushpin thumbtack" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pin-angle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pin-angle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pin-angle-fill</div> </a> </li> <li class="col mb-4" data-name="pin-fill" data-tags="pushpin thumbtack" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pin-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pin-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pin-fill</div> </a> </li> <li class="col mb-4" data-name="pin-map" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pin-map/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pin-map"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pin-map</div> </a> </li> <li class="col mb-4" data-name="pin-map-fill" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pin-map-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pin-map-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pin-map-fill</div> </a> </li> <li class="col mb-4" data-name="pinterest" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pinterest/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pinterest"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pinterest</div> </a> </li> <li class="col mb-4" data-name="pip" data-tags="picture tv television display nested" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pip/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pip"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pip</div> </a> </li> <li class="col mb-4" data-name="pip-fill" data-tags="picture tv television display nested" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/pip-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-pip-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">pip-fill</div> </a> </li> <li class="col mb-4" data-name="play" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/play/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-play"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">play</div> </a> </li> <li class="col mb-4" data-name="play-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/play-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-play-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">play-btn</div> </a> </li> <li class="col mb-4" data-name="play-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/play-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-play-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">play-btn-fill</div> </a> </li> <li class="col mb-4" data-name="play-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/play-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-play-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">play-circle</div> </a> </li> <li class="col mb-4" data-name="play-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/play-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-play-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">play-circle-fill</div> </a> </li> <li class="col mb-4" data-name="play-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/play-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-play-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">play-fill</div> </a> </li> <li class="col mb-4" data-name="playstation" data-tags="sony gaming" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/playstation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-playstation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">playstation</div> </a> </li> <li class="col mb-4" data-name="plug" data-tags="power outlet" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plug/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plug"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plug</div> </a> </li> <li class="col mb-4" data-name="plug-fill" data-tags="power outlet" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plug-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plug-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plug-fill</div> </a> </li> <li class="col mb-4" data-name="plugin" data-tags="addon software" data-categories="ui"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plugin/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plugin"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plugin</div> </a> </li> <li class="col mb-4" data-name="plus" data-tags="add new" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plus</div> </a> </li> <li class="col mb-4" data-name="plus-circle" data-tags="add new" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plus-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plus-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plus-circle</div> </a> </li> <li class="col mb-4" data-name="plus-circle-dotted" data-tags="add new" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plus-circle-dotted/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plus-circle-dotted"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plus-circle-dotted</div> </a> </li> <li class="col mb-4" data-name="plus-circle-fill" data-tags="add new" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plus-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plus-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plus-circle-fill</div> </a> </li> <li class="col mb-4" data-name="plus-lg" data-tags="add new" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plus-lg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plus-lg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plus-lg</div> </a> </li> <li class="col mb-4" data-name="plus-slash-minus" data-tags="difference add subtract" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plus-slash-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plus-slash-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plus-slash-minus</div> </a> </li> <li class="col mb-4" data-name="plus-square" data-tags="add new" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plus-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plus-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plus-square</div> </a> </li> <li class="col mb-4" data-name="plus-square-dotted" data-tags="add new" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plus-square-dotted/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plus-square-dotted"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plus-square-dotted</div> </a> </li> <li class="col mb-4" data-name="plus-square-fill" data-tags="add new" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/plus-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-plus-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">plus-square-fill</div> </a> </li> <li class="col mb-4" data-name="postage" data-tags="stamp shipping" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/postage/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-postage"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">postage</div> </a> </li> <li class="col mb-4" data-name="postage-fill" data-tags="mail stamp shipping" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/postage-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-postage-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">postage-fill</div> </a> </li> <li class="col mb-4" data-name="postage-heart" data-tags="mail stamp love valentine romance" data-categories="real world love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/postage-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-postage-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">postage-heart</div> </a> </li> <li class="col mb-4" data-name="postage-heart-fill" data-tags="mail stamp love valentine romance" data-categories="real world love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/postage-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-postage-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">postage-heart-fill</div> </a> </li> <li class="col mb-4" data-name="postcard" data-tags="mail letter" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/postcard/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-postcard"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">postcard</div> </a> </li> <li class="col mb-4" data-name="postcard-fill" data-tags="mail letter" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/postcard-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-postcard-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">postcard-fill</div> </a> </li> <li class="col mb-4" data-name="postcard-heart" data-tags="mail letter love valentine romance" data-categories="real world love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/postcard-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-postcard-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">postcard-heart</div> </a> </li> <li class="col mb-4" data-name="postcard-heart-fill" data-tags="mail letter love valentine romance" data-categories="real world love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/postcard-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-postcard-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">postcard-heart-fill</div> </a> </li> <li class="col mb-4" data-name="power" data-tags="false true" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/power/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-power"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">power</div> </a> </li> <li class="col mb-4" data-name="prescription" data-tags="rx pills capsules medicine" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/prescription/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-prescription"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">prescription</div> </a> </li> <li class="col mb-4" data-name="prescription2" data-tags="rx pills capsules medicine" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/prescription2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-prescription2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">prescription2</div> </a> </li> <li class="col mb-4" data-name="printer" data-tags="print" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/printer/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-printer"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">printer</div> </a> </li> <li class="col mb-4" data-name="printer-fill" data-tags="print" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/printer-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-printer-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">printer-fill</div> </a> </li> <li class="col mb-4" data-name="projector" data-tags="projection present screen" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/projector/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-projector"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">projector</div> </a> </li> <li class="col mb-4" data-name="projector-fill" data-tags="projection present screen" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/projector-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-projector-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">projector-fill</div> </a> </li> <li class="col mb-4" data-name="puzzle" data-tags="puzzle piece" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/puzzle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-puzzle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">puzzle</div> </a> </li> <li class="col mb-4" data-name="puzzle-fill" data-tags="puzzle piece" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/puzzle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-puzzle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">puzzle-fill</div> </a> </li> <li class="col mb-4" data-name="qr-code" data-tags="scan" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/qr-code/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-qr-code"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">qr-code</div> </a> </li> <li class="col mb-4" data-name="qr-code-scan" data-tags="scan" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/qr-code-scan/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-qr-code-scan"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">qr-code-scan</div> </a> </li> <li class="col mb-4" data-name="question" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question</div> </a> </li> <li class="col mb-4" data-name="question-circle" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question-circle</div> </a> </li> <li class="col mb-4" data-name="question-diamond" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question-diamond/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question-diamond"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question-diamond</div> </a> </li> <li class="col mb-4" data-name="question-diamond-fill" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question-diamond-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question-diamond-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question-diamond-fill</div> </a> </li> <li class="col mb-4" data-name="question-circle-fill" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question-circle-fill</div> </a> </li> <li class="col mb-4" data-name="question-lg" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question-lg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question-lg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question-lg</div> </a> </li> <li class="col mb-4" data-name="question-octagon" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question-octagon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question-octagon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question-octagon</div> </a> </li> <li class="col mb-4" data-name="question-octagon-fill" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question-octagon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question-octagon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question-octagon-fill</div> </a> </li> <li class="col mb-4" data-name="question-square" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question-square</div> </a> </li> <li class="col mb-4" data-name="question-square-fill" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/question-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-question-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">question-square-fill</div> </a> </li> <li class="col mb-4" data-name="quora" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/quora/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-quora"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">quora</div> </a> </li> <li class="col mb-4" data-name="quote" data-tags="blockquote quotes quotation" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/quote/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-quote"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">quote</div> </a> </li> <li class="col mb-4" data-name="r-circle" data-tags="registered trademark" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/r-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-r-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">r-circle</div> </a> </li> <li class="col mb-4" data-name="r-circle-fill" data-tags="registered trademark" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/r-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-r-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">r-circle-fill</div> </a> </li> <li class="col mb-4" data-name="r-square" data-tags="registered trademark" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/r-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-r-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">r-square</div> </a> </li> <li class="col mb-4" data-name="r-square-fill" data-tags="registered trademark" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/r-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-r-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">r-square-fill</div> </a> </li> <li class="col mb-4" data-name="radar" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/radar/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-radar"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">radar</div> </a> </li> <li class="col mb-4" data-name="radioactive" data-tags="radiation nuclear danger" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/radioactive/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-radioactive"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">radioactive</div> </a> </li> <li class="col mb-4" data-name="rainbow" data-tags="colors arches" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rainbow/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rainbow"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rainbow</div> </a> </li> <li class="col mb-4" data-name="receipt" data-tags="receipt invoice sale purchase bill" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/receipt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-receipt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">receipt</div> </a> </li> <li class="col mb-4" data-name="receipt-cutoff" data-tags="receipt invoice sale purchase bill" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/receipt-cutoff/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-receipt-cutoff"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">receipt-cutoff</div> </a> </li> <li class="col mb-4" data-name="reception-0" data-tags="reception cellphone mobile carrier network signal" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reception-0/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reception-0"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reception-0</div> </a> </li> <li class="col mb-4" data-name="reception-1" data-tags="reception cellphone mobile carrier network signal" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reception-1/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reception-1"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reception-1</div> </a> </li> <li class="col mb-4" data-name="reception-2" data-tags="reception cellphone mobile carrier network signal" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reception-2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reception-2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reception-2</div> </a> </li> <li class="col mb-4" data-name="reception-3" data-tags="reception cellphone mobile carrier network signal" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reception-3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reception-3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reception-3</div> </a> </li> <li class="col mb-4" data-name="reception-4" data-tags="reception cellphone mobile carrier network signal" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reception-4/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reception-4"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reception-4</div> </a> </li> <li class="col mb-4" data-name="record" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/record/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-record"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">record</div> </a> </li> <li class="col mb-4" data-name="record-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/record-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-record-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">record-btn</div> </a> </li> <li class="col mb-4" data-name="record-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/record-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-record-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">record-btn-fill</div> </a> </li> <li class="col mb-4" data-name="record-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/record-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-record-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">record-circle</div> </a> </li> <li class="col mb-4" data-name="record-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/record-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-record-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">record-circle-fill</div> </a> </li> <li class="col mb-4" data-name="record-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/record-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-record-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">record-fill</div> </a> </li> <li class="col mb-4" data-name="record2" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/record2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-record2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">record2</div> </a> </li> <li class="col mb-4" data-name="record2-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/record2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-record2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">record2-fill</div> </a> </li> <li class="col mb-4" data-name="recycle" data-tags="recyling trash" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/recycle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-recycle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">recycle</div> </a> </li> <li class="col mb-4" data-name="reddit" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reddit/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reddit"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reddit</div> </a> </li> <li class="col mb-4" data-name="regex" data-tags="text type code developer development software regular expression" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/regex/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-regex"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">regex</div> </a> </li> <li class="col mb-4" data-name="repeat" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/repeat/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-repeat"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">repeat</div> </a> </li> <li class="col mb-4" data-name="repeat-1" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/repeat-1/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-repeat-1"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">repeat-1</div> </a> </li> <li class="col mb-4" data-name="reply" data-tags="mail email" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reply/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reply"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reply</div> </a> </li> <li class="col mb-4" data-name="reply-all" data-tags="mail email" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reply-all/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reply-all"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reply-all</div> </a> </li> <li class="col mb-4" data-name="reply-all-fill" data-tags="mail email" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reply-all-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reply-all-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reply-all-fill</div> </a> </li> <li class="col mb-4" data-name="reply-fill" data-tags="mail email" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/reply-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-reply-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">reply-fill</div> </a> </li> <li class="col mb-4" data-name="rewind" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rewind/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rewind"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rewind</div> </a> </li> <li class="col mb-4" data-name="rewind-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rewind-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rewind-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rewind-btn</div> </a> </li> <li class="col mb-4" data-name="rewind-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rewind-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rewind-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rewind-btn-fill</div> </a> </li> <li class="col mb-4" data-name="rewind-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rewind-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rewind-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rewind-circle</div> </a> </li> <li class="col mb-4" data-name="rewind-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rewind-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rewind-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rewind-circle-fill</div> </a> </li> <li class="col mb-4" data-name="rewind-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rewind-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rewind-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rewind-fill</div> </a> </li> <li class="col mb-4" data-name="robot" data-tags="bot" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/robot/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-robot"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">robot</div> </a> </li> <li class="col mb-4" data-name="rocket" data-tags="ship rocketship spaceship" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rocket/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rocket"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rocket</div> </a> </li> <li class="col mb-4" data-name="rocket-fill" data-tags="ship rocketship spaceship" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rocket-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rocket-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rocket-fill</div> </a> </li> <li class="col mb-4" data-name="rocket-takeoff" data-tags="ship rocketship spaceship launch" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rocket-takeoff/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rocket-takeoff"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rocket-takeoff</div> </a> </li> <li class="col mb-4" data-name="rocket-takeoff-fill" data-tags="ship rocketship spaceship launch" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rocket-takeoff-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rocket-takeoff-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rocket-takeoff-fill</div> </a> </li> <li class="col mb-4" data-name="router" data-tags="wifi internet wireless network" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/router/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-router"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">router</div> </a> </li> <li class="col mb-4" data-name="router-fill" data-tags="wifi internet wireless network" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/router-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-router-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">router-fill</div> </a> </li> <li class="col mb-4" data-name="rss" data-tags="atom feed xml" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rss/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rss"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rss</div> </a> </li> <li class="col mb-4" data-name="rss-fill" data-tags="atom feed xml" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rss-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rss-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rss-fill</div> </a> </li> <li class="col mb-4" data-name="rulers" data-tags="measure guide" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/rulers/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-rulers"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">rulers</div> </a> </li> <li class="col mb-4" data-name="safe" data-tags="vault bank finance" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/safe/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-safe"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">safe</div> </a> </li> <li class="col mb-4" data-name="safe-fill" data-tags="vault bank finance" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/safe-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-safe-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">safe-fill</div> </a> </li> <li class="col mb-4" data-name="safe2" data-tags="vault bank finance" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/safe2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-safe2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">safe2</div> </a> </li> <li class="col mb-4" data-name="safe2-fill" data-tags="vault bank finance" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/safe2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-safe2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">safe2-fill</div> </a> </li> <li class="col mb-4" data-name="save" data-tags="save floppy" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/save/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-save"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">save</div> </a> </li> <li class="col mb-4" data-name="save-fill" data-tags="save floppy" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/save-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-save-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">save-fill</div> </a> </li> <li class="col mb-4" data-name="save2" data-tags="save floppy" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/save2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-save2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">save2</div> </a> </li> <li class="col mb-4" data-name="save2-fill" data-tags="save floppy" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/save2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-save2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">save2-fill</div> </a> </li> <li class="col mb-4" data-name="scissors" data-tags="cut shears" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/scissors/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-scissors"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">scissors</div> </a> </li> <li class="col mb-4" data-name="scooter" data-tags="riding" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/scooter/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-scooter"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">scooter</div> </a> </li> <li class="col mb-4" data-name="screwdriver" data-tags="tool" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/screwdriver/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-screwdriver"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">screwdriver</div> </a> </li> <li class="col mb-4" data-name="sd-card" data-tags="storage microsd chip memory" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sd-card/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sd-card"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sd-card</div> </a> </li> <li class="col mb-4" data-name="sd-card-fill" data-tags="storage microsd chip memory" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sd-card-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sd-card-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sd-card-fill</div> </a> </li> <li class="col mb-4" data-name="search" data-tags="magnifying-glass look" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/search/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-search"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">search</div> </a> </li> <li class="col mb-4" data-name="search-heart" data-tags="magnifying-glass look love romance valentine" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/search-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-search-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">search-heart</div> </a> </li> <li class="col mb-4" data-name="search-heart-fill" data-tags="magnifying-glass look love romance valentine" data-categories="communications love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/search-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-search-heart-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">search-heart-fill</div> </a> </li> <li class="col mb-4" data-name="segmented-nav" data-tags="nav tabs tabbed app ui" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/segmented-nav/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-segmented-nav"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">segmented-nav</div> </a> </li> <li class="col mb-4" data-name="send" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send</div> </a> </li> <li class="col mb-4" data-name="send-arrow-down" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-arrow-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-arrow-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-arrow-down</div> </a> </li> <li class="col mb-4" data-name="send-arrow-down-fill" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-arrow-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-arrow-down-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-arrow-down-fill</div> </a> </li> <li class="col mb-4" data-name="send-arrow-up" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-arrow-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-arrow-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-arrow-up</div> </a> </li> <li class="col mb-4" data-name="send-arrow-up-fill" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-arrow-up-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-arrow-up-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-arrow-up-fill</div> </a> </li> <li class="col mb-4" data-name="send-check" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-check</div> </a> </li> <li class="col mb-4" data-name="send-check-fill" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-check-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-check-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-check-fill</div> </a> </li> <li class="col mb-4" data-name="send-dash" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-dash</div> </a> </li> <li class="col mb-4" data-name="send-dash-fill" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-dash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-dash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-dash-fill</div> </a> </li> <li class="col mb-4" data-name="send-exclamation" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-exclamation</div> </a> </li> <li class="col mb-4" data-name="send-exclamation-fill" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-exclamation-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-exclamation-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-exclamation-fill</div> </a> </li> <li class="col mb-4" data-name="send-fill" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-fill</div> </a> </li> <li class="col mb-4" data-name="send-plus" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-plus</div> </a> </li> <li class="col mb-4" data-name="send-plus-fill" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-plus-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-plus-fill</div> </a> </li> <li class="col mb-4" data-name="send-slash" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-slash</div> </a> </li> <li class="col mb-4" data-name="send-slash-fill" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-slash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-slash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-slash-fill</div> </a> </li> <li class="col mb-4" data-name="send-x" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-x</div> </a> </li> <li class="col mb-4" data-name="send-x-fill" data-tags="message sending sent paper-plane" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/send-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-send-x-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">send-x-fill</div> </a> </li> <li class="col mb-4" data-name="server" data-tags="server network" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/server/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-server"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">server</div> </a> </li> <li class="col mb-4" data-name="shadows" data-tags="photo editing image picture" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shadows/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shadows"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shadows</div> </a> </li> <li class="col mb-4" data-name="share" data-tags="share link" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/share/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-share"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">share</div> </a> </li> <li class="col mb-4" data-name="share-fill" data-tags="share link" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/share-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-share-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">share-fill</div> </a> </li> <li class="col mb-4" data-name="shield" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield</div> </a> </li> <li class="col mb-4" data-name="shield-check" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-check"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-check</div> </a> </li> <li class="col mb-4" data-name="shield-exclamation" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-exclamation"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-exclamation</div> </a> </li> <li class="col mb-4" data-name="shield-fill" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-fill</div> </a> </li> <li class="col mb-4" data-name="shield-fill-check" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-fill-check/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-fill-check"></i> </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-name="shield-fill-exclamation" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-fill-exclamation/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-fill-exclamation"></i> </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-name="shield-fill-minus" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-fill-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-fill-minus"></i> </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-name="shield-fill-plus" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-fill-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-fill-plus"></i> </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-name="shield-fill-x" data-tags="privacy security remove delete" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-fill-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-fill-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-fill-x</div> </a> </li> <li class="col mb-4" data-name="shield-lock" data-tags="privacy security lock" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-lock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-lock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-lock</div> </a> </li> <li class="col mb-4" data-name="shield-lock-fill" data-tags="privacy security lock" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-lock-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-lock-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-lock-fill</div> </a> </li> <li class="col mb-4" data-name="shield-minus" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-minus</div> </a> </li> <li class="col mb-4" data-name="shield-plus" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-plus</div> </a> </li> <li class="col mb-4" data-name="shield-shaded" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-shaded/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-shaded"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-shaded</div> </a> </li> <li class="col mb-4" data-name="shield-slash" data-tags="shield badge" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-slash</div> </a> </li> <li class="col mb-4" data-name="shield-slash-fill" data-tags="shield badge" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-slash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-slash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-slash-fill</div> </a> </li> <li class="col mb-4" data-name="shield-x" data-tags="privacy security remove delete" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shield-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shield-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shield-x</div> </a> </li> <li class="col mb-4" data-name="shift" data-tags="key" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shift/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shift"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shift</div> </a> </li> <li class="col mb-4" data-name="shift-fill" data-tags="key" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shift-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shift-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shift-fill</div> </a> </li> <li class="col mb-4" data-name="shop" data-tags="shop store market marketplace shopping retail" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shop/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shop"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shop</div> </a> </li> <li class="col mb-4" data-name="shop-window" data-tags="shop store market marketplace shopping retail" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shop-window/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shop-window"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shop-window</div> </a> </li> <li class="col mb-4" data-name="shuffle" data-tags="shuffle random" data-categories="arrows"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/shuffle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-shuffle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">shuffle</div> </a> </li> <li class="col mb-4" data-name="sign-dead-end" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-dead-end/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-dead-end"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-dead-end</div> </a> </li> <li class="col mb-4" data-name="sign-dead-end-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-dead-end-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-dead-end-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-dead-end-fill</div> </a> </li> <li class="col mb-4" data-name="sign-do-not-enter" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-do-not-enter/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-do-not-enter"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-do-not-enter</div> </a> </li> <li class="col mb-4" data-name="sign-do-not-enter-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-do-not-enter-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-do-not-enter-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-do-not-enter-fill</div> </a> </li> <li class="col mb-4" data-name="sign-intersection" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-intersection/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-intersection"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-intersection</div> </a> </li> <li class="col mb-4" data-name="sign-intersection-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-intersection-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-intersection-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-intersection-fill</div> </a> </li> <li class="col mb-4" data-name="sign-intersection-side" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-intersection-side/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-intersection-side"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-intersection-side</div> </a> </li> <li class="col mb-4" data-name="sign-intersection-side-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-intersection-side-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-intersection-side-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-intersection-side-fill</div> </a> </li> <li class="col mb-4" data-name="sign-intersection-t" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-intersection-t/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-intersection-t"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-intersection-t</div> </a> </li> <li class="col mb-4" data-name="sign-intersection-t-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-intersection-t-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-intersection-t-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-intersection-t-fill</div> </a> </li> <li class="col mb-4" data-name="sign-intersection-y" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-intersection-y/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-intersection-y"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-intersection-y</div> </a> </li> <li class="col mb-4" data-name="sign-intersection-y-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-intersection-y-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-intersection-y-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-intersection-y-fill</div> </a> </li> <li class="col mb-4" data-name="sign-merge-left" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-merge-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-merge-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-merge-left</div> </a> </li> <li class="col mb-4" data-name="sign-merge-left-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-merge-left-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-merge-left-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-merge-left-fill</div> </a> </li> <li class="col mb-4" data-name="sign-merge-right" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-merge-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-merge-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-merge-right</div> </a> </li> <li class="col mb-4" data-name="sign-merge-right-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-merge-right-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-merge-right-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-merge-right-fill</div> </a> </li> <li class="col mb-4" data-name="sign-no-left-turn" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-no-left-turn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-no-left-turn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-no-left-turn</div> </a> </li> <li class="col mb-4" data-name="sign-no-left-turn-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-no-left-turn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-no-left-turn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-no-left-turn-fill</div> </a> </li> <li class="col mb-4" data-name="sign-no-parking" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-no-parking/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-no-parking"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-no-parking</div> </a> </li> <li class="col mb-4" data-name="sign-no-parking-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-no-parking-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-no-parking-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-no-parking-fill</div> </a> </li> <li class="col mb-4" data-name="sign-no-right-turn" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-no-right-turn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-no-right-turn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-no-right-turn</div> </a> </li> <li class="col mb-4" data-name="sign-no-right-turn-fill" data-tags="road driving directions" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-no-right-turn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-no-right-turn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-no-right-turn-fill</div> </a> </li> <li class="col mb-4" data-name="sign-railroad" data-tags="road driving train tracks" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-railroad/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-railroad"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-railroad</div> </a> </li> <li class="col mb-4" data-name="sign-railroad-fill" data-tags="road driving train tracks" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-railroad-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-railroad-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-railroad-fill</div> </a> </li> <li class="col mb-4" data-name="sign-stop" data-tags="stop sign intersection road driving" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-stop/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-stop"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-stop</div> </a> </li> <li class="col mb-4" data-name="sign-stop-fill" data-tags="stop sign intersection road driving" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-stop-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-stop-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-stop-fill</div> </a> </li> <li class="col mb-4" data-name="sign-stop-lights" data-tags="stop sign intersection road driving" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-stop-lights/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-stop-lights"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-stop-lights</div> </a> </li> <li class="col mb-4" data-name="sign-stop-lights-fill" data-tags="stop sign intersection road driving" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-stop-lights-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-stop-lights-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-stop-lights-fill</div> </a> </li> <li class="col mb-4" data-name="sign-turn-left" data-tags="road driving navigate navigation route" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-turn-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-turn-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-left</div> </a> </li> <li class="col mb-4" data-name="sign-turn-left-fill" data-tags="road driving navigate navigation route" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-turn-left-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-turn-left-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-left-fill</div> </a> </li> <li class="col mb-4" data-name="sign-turn-right" data-tags="road driving navigate navigation route" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-turn-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-turn-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-right</div> </a> </li> <li class="col mb-4" data-name="sign-turn-right-fill" data-tags="road driving navigate navigation route" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-turn-right-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-turn-right-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-right-fill</div> </a> </li> <li class="col mb-4" data-name="sign-turn-slight-left" data-tags="road driving navigate navigation route" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-turn-slight-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-turn-slight-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-slight-left</div> </a> </li> <li class="col mb-4" data-name="sign-turn-slight-left-fill" data-tags="road driving navigate navigation route" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-turn-slight-left-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-turn-slight-left-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-slight-left-fill</div> </a> </li> <li class="col mb-4" data-name="sign-turn-slight-right" data-tags="road driving navigate navigation route" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-turn-slight-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-turn-slight-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-slight-right</div> </a> </li> <li class="col mb-4" data-name="sign-turn-slight-right-fill" data-tags="road driving navigate navigation route" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-turn-slight-right-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-turn-slight-right-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-slight-right-fill</div> </a> </li> <li class="col mb-4" data-name="sign-yield" data-tags="road driving intersection" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-yield/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-yield"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-yield</div> </a> </li> <li class="col mb-4" data-name="sign-yield-fill" data-tags="road driving intersection" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sign-yield-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sign-yield-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sign-yield-fill</div> </a> </li> <li class="col mb-4" data-name="signal" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/signal/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-signal"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">signal</div> </a> </li> <li class="col mb-4" data-name="signpost" data-tags="milestone sign road sign street sign directions" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/signpost/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-signpost"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">signpost</div> </a> </li> <li class="col mb-4" data-name="signpost-2" data-tags="milestone sign road sign street sign directions" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/signpost-2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-signpost-2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">signpost-2</div> </a> </li> <li class="col mb-4" data-name="signpost-2-fill" data-tags="milestone sign road sign street sign directions" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/signpost-2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-signpost-2-fill"></i> </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-name="signpost-fill" data-tags="milestone sign road sign street sign directions" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/signpost-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-signpost-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">signpost-fill</div> </a> </li> <li class="col mb-4" data-name="signpost-split" data-tags="milestone sign road sign street sign directions" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/signpost-split/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-signpost-split"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">signpost-split</div> </a> </li> <li class="col mb-4" data-name="signpost-split-fill" data-tags="milestone sign road sign street sign directions" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/signpost-split-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-signpost-split-fill"></i> </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-name="sim" data-tags="mobile carrier" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sim/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sim"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sim</div> </a> </li> <li class="col mb-4" data-name="sim-fill" data-tags="mobile carrier" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sim-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sim-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sim-fill</div> </a> </li> <li class="col mb-4" data-name="sim-slash" data-tags="mobile carrier" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sim-slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sim-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sim-slash</div> </a> </li> <li class="col mb-4" data-name="sim-slash-fill" data-tags="mobile carrier" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sim-slash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sim-slash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sim-slash-fill</div> </a> </li> <li class="col mb-4" data-name="sina-weibo" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sina-weibo/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sina-weibo"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sina-weibo</div> </a> </li> <li class="col mb-4" data-name="skip-backward" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-backward/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-backward"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-backward</div> </a> </li> <li class="col mb-4" data-name="skip-backward-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-backward-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-backward-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-backward-btn</div> </a> </li> <li class="col mb-4" data-name="skip-backward-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-backward-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-backward-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-backward-btn-fill</div> </a> </li> <li class="col mb-4" data-name="skip-backward-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-backward-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-backward-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-backward-circle</div> </a> </li> <li class="col mb-4" data-name="skip-backward-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-backward-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-backward-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-backward-circle-fill</div> </a> </li> <li class="col mb-4" data-name="skip-backward-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-backward-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-backward-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-backward-fill</div> </a> </li> <li class="col mb-4" data-name="skip-end" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-end/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-end"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-end</div> </a> </li> <li class="col mb-4" data-name="skip-end-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-end-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-end-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-end-btn</div> </a> </li> <li class="col mb-4" data-name="skip-end-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-end-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-end-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-end-btn-fill</div> </a> </li> <li class="col mb-4" data-name="skip-end-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-end-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-end-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-end-circle</div> </a> </li> <li class="col mb-4" data-name="skip-end-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-end-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-end-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-end-circle-fill</div> </a> </li> <li class="col mb-4" data-name="skip-end-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-end-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-end-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-end-fill</div> </a> </li> <li class="col mb-4" data-name="skip-forward" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-forward/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-forward"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-forward</div> </a> </li> <li class="col mb-4" data-name="skip-forward-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-forward-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-forward-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-forward-btn</div> </a> </li> <li class="col mb-4" data-name="skip-forward-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-forward-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-forward-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-forward-btn-fill</div> </a> </li> <li class="col mb-4" data-name="skip-forward-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-forward-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-forward-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-forward-circle</div> </a> </li> <li class="col mb-4" data-name="skip-forward-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-forward-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-forward-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-forward-circle-fill</div> </a> </li> <li class="col mb-4" data-name="skip-forward-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-forward-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-forward-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-forward-fill</div> </a> </li> <li class="col mb-4" data-name="skip-start" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-start/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-start"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-start</div> </a> </li> <li class="col mb-4" data-name="skip-start-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-start-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-start-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-start-btn</div> </a> </li> <li class="col mb-4" data-name="skip-start-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-start-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-start-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-start-btn-fill</div> </a> </li> <li class="col mb-4" data-name="skip-start-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-start-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-start-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-start-circle</div> </a> </li> <li class="col mb-4" data-name="skip-start-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-start-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-start-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-start-circle-fill</div> </a> </li> <li class="col mb-4" data-name="skip-start-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skip-start-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skip-start-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skip-start-fill</div> </a> </li> <li class="col mb-4" data-name="skype" data-tags="social microsoft" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/skype/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-skype"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">skype</div> </a> </li> <li class="col mb-4" data-name="slack" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/slack/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-slack"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">slack</div> </a> </li> <li class="col mb-4" data-name="slash" data-tags="shape stop ban false" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/slash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-slash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">slash</div> </a> </li> <li class="col mb-4" data-name="slash-circle-fill" data-tags="shape stop ban false" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/slash-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-slash-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">slash-circle-fill</div> </a> </li> <li class="col mb-4" data-name="slash-lg" data-tags="shape stop ban false" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/slash-lg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-slash-lg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">slash-lg</div> </a> </li> <li class="col mb-4" data-name="slash-square" data-tags="shape stop ban false" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/slash-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-slash-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">slash-square</div> </a> </li> <li class="col mb-4" data-name="slash-square-fill" data-tags="shape stop ban false" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/slash-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-slash-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">slash-square-fill</div> </a> </li> <li class="col mb-4" data-name="sliders" data-tags="equalizer settings preferences dials" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sliders/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sliders"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sliders</div> </a> </li> <li class="col mb-4" data-name="sliders2" data-tags="equalizer settings preferences dials" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sliders2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sliders2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sliders2</div> </a> </li> <li class="col mb-4" data-name="sliders2-vertical" data-tags="equalizer settings preferences dials" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sliders2-vertical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sliders2-vertical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sliders2-vertical</div> </a> </li> <li class="col mb-4" data-name="smartwatch" data-tags="watch wearables" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/smartwatch/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-smartwatch"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">smartwatch</div> </a> </li> <li class="col mb-4" data-name="snapchat" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/snapchat/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-snapchat"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">snapchat</div> </a> </li> <li class="col mb-4" data-name="snow" data-tags="blizzard flurries" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/snow/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-snow"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">snow</div> </a> </li> <li class="col mb-4" data-name="snow2" data-tags="blizzard flurries" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/snow2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-snow2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">snow2</div> </a> </li> <li class="col mb-4" data-name="snow3" data-tags="blizzard flurries" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/snow3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-snow3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">snow3</div> </a> </li> <li class="col mb-4" data-name="sort-alpha-down" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-alpha-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-alpha-down"></i> </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-name="sort-alpha-down-alt" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-alpha-down-alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-alpha-down-alt"></i> </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-name="sort-alpha-up" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-alpha-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-alpha-up"></i> </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-name="sort-alpha-up-alt" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-alpha-up-alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-alpha-up-alt"></i> </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-name="sort-down" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sort-down</div> </a> </li> <li class="col mb-4" data-name="sort-down-alt" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-down-alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-down-alt"></i> </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-name="sort-numeric-down" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-numeric-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-numeric-down"></i> </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-name="sort-numeric-down-alt" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-numeric-down-alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-numeric-down-alt"></i> </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-name="sort-numeric-up" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-numeric-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-numeric-up"></i> </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-name="sort-numeric-up-alt" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-numeric-up-alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-numeric-up-alt"></i> </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-name="sort-up" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sort-up</div> </a> </li> <li class="col mb-4" data-name="sort-up-alt" data-tags="sort filter organize" data-categories="sort and filter"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sort-up-alt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sort-up-alt"></i> </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-name="soundwave" data-tags="audio sound wave" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/soundwave/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-soundwave"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">soundwave</div> </a> </li> <li class="col mb-4" data-name="sourceforge" data-tags="social vcs git" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sourceforge/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sourceforge"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sourceforge</div> </a> </li> <li class="col mb-4" data-name="speaker" data-tags="audio sound" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/speaker/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-speaker"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">speaker</div> </a> </li> <li class="col mb-4" data-name="speaker-fill" data-tags="audio sound" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/speaker-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-speaker-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">speaker-fill</div> </a> </li> <li class="col mb-4" data-name="speedometer" data-tags="speed tachometer dashboard gauge" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/speedometer/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-speedometer"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">speedometer</div> </a> </li> <li class="col mb-4" data-name="speedometer2" data-tags="speed tachometer dashboard gauge" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/speedometer2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-speedometer2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">speedometer2</div> </a> </li> <li class="col mb-4" data-name="spellcheck" data-tags="spelling grammar" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/spellcheck/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-spellcheck"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">spellcheck</div> </a> </li> <li class="col mb-4" data-name="spotify" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/spotify/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-spotify"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">spotify</div> </a> </li> <li class="col mb-4" data-name="square" data-tags="shape rectangle" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">square</div> </a> </li> <li class="col mb-4" data-name="square-fill" data-tags="shape rectangle" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">square-fill</div> </a> </li> <li class="col mb-4" data-name="square-half" data-tags="shape rectangle" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/square-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-square-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">square-half</div> </a> </li> <li class="col mb-4" data-name="stack" data-tags="layers" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stack/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stack"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stack</div> </a> </li> <li class="col mb-4" data-name="stack-overflow" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stack-overflow/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stack-overflow"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stack-overflow</div> </a> </li> <li class="col mb-4" data-name="star" data-tags="shape like favorite" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/star/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-star"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">star</div> </a> </li> <li class="col mb-4" data-name="star-fill" data-tags="shape like favorite" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/star-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-star-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">star-fill</div> </a> </li> <li class="col mb-4" data-name="star-half" data-tags="shape like favorite" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/star-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-star-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">star-half</div> </a> </li> <li class="col mb-4" data-name="stars" data-tags="clear skies night" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stars/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stars"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stars</div> </a> </li> <li class="col mb-4" data-name="steam" data-tags="gaming" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/steam/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-steam"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">steam</div> </a> </li> <li class="col mb-4" data-name="stickies" data-tags="postit note sticky" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stickies/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stickies"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stickies</div> </a> </li> <li class="col mb-4" data-name="stickies-fill" data-tags="postit note sticky" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stickies-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stickies-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stickies-fill</div> </a> </li> <li class="col mb-4" data-name="sticky" data-tags="postit note sticky" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sticky/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sticky"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sticky</div> </a> </li> <li class="col mb-4" data-name="sticky-fill" data-tags="postit note sticky" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sticky-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sticky-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sticky-fill</div> </a> </li> <li class="col mb-4" data-name="stop" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stop/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stop"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stop</div> </a> </li> <li class="col mb-4" data-name="stop-btn" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stop-btn/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stop-btn"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stop-btn</div> </a> </li> <li class="col mb-4" data-name="stop-btn-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stop-btn-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stop-btn-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stop-btn-fill</div> </a> </li> <li class="col mb-4" data-name="stop-circle" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stop-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stop-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stop-circle</div> </a> </li> <li class="col mb-4" data-name="stop-circle-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stop-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stop-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stop-circle-fill</div> </a> </li> <li class="col mb-4" data-name="stop-fill" data-tags="audio video av" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stop-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stop-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stop-fill</div> </a> </li> <li class="col mb-4" data-name="stoplights" data-tags="traffic lights intersection" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stoplights/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stoplights"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stoplights</div> </a> </li> <li class="col mb-4" data-name="stoplights-fill" data-tags="traffic lights intersection" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stoplights-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stoplights-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stoplights-fill</div> </a> </li> <li class="col mb-4" data-name="stopwatch" data-tags="time timer clock" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stopwatch/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stopwatch"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stopwatch</div> </a> </li> <li class="col mb-4" data-name="stopwatch-fill" data-tags="time timer clock" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stopwatch-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stopwatch-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stopwatch-fill</div> </a> </li> <li class="col mb-4" data-name="strava" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/strava/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-strava"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">strava</div> </a> </li> <li class="col mb-4" data-name="stripe" data-tags="payments commerce" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/stripe/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-stripe"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">stripe</div> </a> </li> <li class="col mb-4" data-name="subscript" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/subscript/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-subscript"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">subscript</div> </a> </li> <li class="col mb-4" data-name="substack" data-tags="social blog" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/substack/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-substack"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">substack</div> </a> </li> <li class="col mb-4" data-name="subtract" data-tags="graphics vector merge layers" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/subtract/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-subtract"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">subtract</div> </a> </li> <li class="col mb-4" data-name="suit-club" data-tags="card cards suit deck gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suit-club/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suit-club"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suit-club</div> </a> </li> <li class="col mb-4" data-name="suit-club-fill" data-tags="card cards suit deck gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suit-club-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suit-club-fill"></i> </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-name="suit-diamond" data-tags="card cards suit deck gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suit-diamond/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suit-diamond"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suit-diamond</div> </a> </li> <li class="col mb-4" data-name="suit-diamond-fill" data-tags="card cards suit deck gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suit-diamond-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suit-diamond-fill"></i> </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-name="suit-heart" data-tags="card cards suit deck gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suit-heart/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suit-heart"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suit-heart</div> </a> </li> <li class="col mb-4" data-name="suit-heart-fill" data-tags="card cards suit deck gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suit-heart-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suit-heart-fill"></i> </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-name="suit-spade" data-tags="card cards suit deck gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suit-spade/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suit-spade"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suit-spade</div> </a> </li> <li class="col mb-4" data-name="suit-spade-fill" data-tags="card cards suit deck gambling" data-categories="entertainment"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suit-spade-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suit-spade-fill"></i> </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-name="suitcase" data-tags="luggage bags carry-on" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suitcase/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suitcase"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suitcase</div> </a> </li> <li class="col mb-4" data-name="suitcase-fill" data-tags="luggage bags carry-on" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suitcase-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suitcase-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suitcase-fill</div> </a> </li> <li class="col mb-4" data-name="suitcase-lg" data-tags="luggage bags carry-on" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suitcase-lg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suitcase-lg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suitcase-lg</div> </a> </li> <li class="col mb-4" data-name="suitcase-lg-fill" data-tags="luggage bags carry-on" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suitcase-lg-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suitcase-lg-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suitcase-lg-fill</div> </a> </li> <li class="col mb-4" data-name="suitcase2" data-tags="luggage bags carry-on" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suitcase2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suitcase2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suitcase2</div> </a> </li> <li class="col mb-4" data-name="suitcase2-fill" data-tags="luggage bags carry-on" data-categories="travel"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/suitcase2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-suitcase2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">suitcase2-fill</div> </a> </li> <li class="col mb-4" data-name="sun" data-tags="solar weather" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sun/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sun"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sun</div> </a> </li> <li class="col mb-4" data-name="sun-fill" data-tags="solar weather" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sun-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sun-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sun-fill</div> </a> </li> <li class="col mb-4" data-name="sunglasses" data-tags="shades cool aviators" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sunglasses/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sunglasses"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sunglasses</div> </a> </li> <li class="col mb-4" data-name="sunrise" data-tags="dawn" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sunrise/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sunrise"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sunrise</div> </a> </li> <li class="col mb-4" data-name="sunrise-fill" data-tags="dawn" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sunrise-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sunrise-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sunrise-fill</div> </a> </li> <li class="col mb-4" data-name="sunset" data-tags="dusk" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sunset/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sunset"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sunset</div> </a> </li> <li class="col mb-4" data-name="sunset-fill" data-tags="dusk" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/sunset-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-sunset-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">sunset-fill</div> </a> </li> <li class="col mb-4" data-name="superscript" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/superscript/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-superscript"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">superscript</div> </a> </li> <li class="col mb-4" data-name="symmetry-horizontal" data-tags="align orientation mirror" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/symmetry-horizontal/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-symmetry-horizontal"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">symmetry-horizontal</div> </a> </li> <li class="col mb-4" data-name="symmetry-vertical" data-tags="align orientation mirror" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/symmetry-vertical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-symmetry-vertical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">symmetry-vertical</div> </a> </li> <li class="col mb-4" data-name="table" data-tags="spreadsheet" data-categories="files and folders"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/table/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-table"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">table</div> </a> </li> <li class="col mb-4" data-name="tablet" data-tags="mobile" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tablet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tablet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tablet</div> </a> </li> <li class="col mb-4" data-name="tablet-fill" data-tags="mobile" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tablet-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tablet-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tablet-fill</div> </a> </li> <li class="col mb-4" data-name="tablet-landscape" data-tags="mobile" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tablet-landscape/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tablet-landscape"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tablet-landscape</div> </a> </li> <li class="col mb-4" data-name="tablet-landscape-fill" data-tags="mobile" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tablet-landscape-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tablet-landscape-fill"></i> </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-name="tag" data-tags="price category taxonomy label" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tag/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tag"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tag</div> </a> </li> <li class="col mb-4" data-name="tag-fill" data-tags="price category taxonomy label" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tag-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tag-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tag-fill</div> </a> </li> <li class="col mb-4" data-name="tags" data-tags="price category taxonomy label" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tags/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tags"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tags</div> </a> </li> <li class="col mb-4" data-name="tags-fill" data-tags="price category taxonomy label" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tags-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tags-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tags-fill</div> </a> </li> <li class="col mb-4" data-name="taxi-front" data-tags="cab uber lyft" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/taxi-front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-taxi-front"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">taxi-front</div> </a> </li> <li class="col mb-4" data-name="taxi-front-fill" data-tags="cab uber lyft" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/taxi-front-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-taxi-front-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">taxi-front-fill</div> </a> </li> <li class="col mb-4" data-name="telegram" data-tags="social chat" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telegram/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telegram"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">telegram</div> </a> </li> <li class="col mb-4" data-name="telephone" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">telephone</div> </a> </li> <li class="col mb-4" data-name="telephone-fill" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">telephone-fill</div> </a> </li> <li class="col mb-4" data-name="telephone-forward" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-forward/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-forward"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">telephone-forward</div> </a> </li> <li class="col mb-4" data-name="telephone-forward-fill" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-forward-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-forward-fill"></i> </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-name="telephone-inbound" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-inbound/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-inbound"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">telephone-inbound</div> </a> </li> <li class="col mb-4" data-name="telephone-inbound-fill" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-inbound-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-inbound-fill"></i> </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-name="telephone-minus" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-minus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-minus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">telephone-minus</div> </a> </li> <li class="col mb-4" data-name="telephone-minus-fill" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-minus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-minus-fill"></i> </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-name="telephone-outbound" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-outbound/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-outbound"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">telephone-outbound</div> </a> </li> <li class="col mb-4" data-name="telephone-outbound-fill" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-outbound-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-outbound-fill"></i> </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-name="telephone-plus" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">telephone-plus</div> </a> </li> <li class="col mb-4" data-name="telephone-plus-fill" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-plus-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-plus-fill"></i> </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-name="telephone-x" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">telephone-x</div> </a> </li> <li class="col mb-4" data-name="telephone-x-fill" data-tags="telephone phone call" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/telephone-x-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-telephone-x-fill"></i> </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-name="tencent-qq" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tencent-qq/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tencent-qq"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tencent-qq</div> </a> </li> <li class="col mb-4" data-name="terminal" data-tags="command-line cli command-prompt" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/terminal/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-terminal"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">terminal</div> </a> </li> <li class="col mb-4" data-name="terminal-dash" data-tags="command-line cli command-prompt" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/terminal-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-terminal-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">terminal-dash</div> </a> </li> <li class="col mb-4" data-name="terminal-fill" data-tags="command-line cli command-prompt" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/terminal-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-terminal-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">terminal-fill</div> </a> </li> <li class="col mb-4" data-name="terminal-plus" data-tags="command-line cli command-prompt" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/terminal-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-terminal-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">terminal-plus</div> </a> </li> <li class="col mb-4" data-name="terminal-split" data-tags="command-line cli command-prompt" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/terminal-split/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-terminal-split"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">terminal-split</div> </a> </li> <li class="col mb-4" data-name="terminal-x" data-tags="command-line cli command-prompt" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/terminal-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-terminal-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">terminal-x</div> </a> </li> <li class="col mb-4" data-name="text-center" data-tags="text type justify alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/text-center/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-text-center"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">text-center</div> </a> </li> <li class="col mb-4" data-name="text-indent-left" data-tags="text type justify alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/text-indent-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-text-indent-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">text-indent-left</div> </a> </li> <li class="col mb-4" data-name="text-indent-right" data-tags="text type justify alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/text-indent-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-text-indent-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">text-indent-right</div> </a> </li> <li class="col mb-4" data-name="text-left" data-tags="text type justify alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/text-left/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-text-left"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">text-left</div> </a> </li> <li class="col mb-4" data-name="text-paragraph" data-tags="text type paragraph copy" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/text-paragraph/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-text-paragraph"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">text-paragraph</div> </a> </li> <li class="col mb-4" data-name="text-right" data-tags="text type justify alignment" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/text-right/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-text-right"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">text-right</div> </a> </li> <li class="col mb-4" data-name="text-wrap" data-tags="text type word wrap" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/text-wrap/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-text-wrap"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">text-wrap</div> </a> </li> <li class="col mb-4" data-name="textarea" data-tags="text insert bounding-box" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/textarea/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-textarea"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">textarea</div> </a> </li> <li class="col mb-4" data-name="textarea-resize" data-tags="text form" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/textarea-resize/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-textarea-resize"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">textarea-resize</div> </a> </li> <li class="col mb-4" data-name="textarea-t" data-tags="text insert bounding-box" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/textarea-t/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-textarea-t"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">textarea-t</div> </a> </li> <li class="col mb-4" data-name="thermometer" data-tags="temperature weather" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/thermometer/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-thermometer"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">thermometer</div> </a> </li> <li class="col mb-4" data-name="thermometer-half" data-tags="temperature weather" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/thermometer-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-thermometer-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">thermometer-half</div> </a> </li> <li class="col mb-4" data-name="thermometer-high" data-tags="temperature weather" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/thermometer-high/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-thermometer-high"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">thermometer-high</div> </a> </li> <li class="col mb-4" data-name="thermometer-low" data-tags="temperature weather" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/thermometer-low/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-thermometer-low"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">thermometer-low</div> </a> </li> <li class="col mb-4" data-name="thermometer-snow" data-tags="temperature weather" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/thermometer-snow/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-thermometer-snow"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">thermometer-snow</div> </a> </li> <li class="col mb-4" data-name="thermometer-sun" data-tags="temperature weather" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/thermometer-sun/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-thermometer-sun"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">thermometer-sun</div> </a> </li> <li class="col mb-4" data-name="threads" data-tags="social chat instagram meta" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/threads/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-threads"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">threads</div> </a> </li> <li class="col mb-4" data-name="threads-fill" data-tags="social chat instagram meta" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/threads-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-threads-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">threads-fill</div> </a> </li> <li class="col mb-4" data-name="three-dots" data-tags="meatballs more ellipsis overflow menu" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/three-dots/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-three-dots"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">three-dots</div> </a> </li> <li class="col mb-4" data-name="three-dots-vertical" data-tags="kebab more ellipsis overflow menu" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/three-dots-vertical/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-three-dots-vertical"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">three-dots-vertical</div> </a> </li> <li class="col mb-4" data-name="thunderbolt" data-tags="plug port" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/thunderbolt/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-thunderbolt"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">thunderbolt</div> </a> </li> <li class="col mb-4" data-name="thunderbolt-fill" data-tags="plug port" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/thunderbolt-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-thunderbolt-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">thunderbolt-fill</div> </a> </li> <li class="col mb-4" data-name="ticket" data-tags="tickets admission" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ticket/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ticket"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ticket</div> </a> </li> <li class="col mb-4" data-name="ticket-detailed" data-tags="tickets admission" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ticket-detailed/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ticket-detailed"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ticket-detailed</div> </a> </li> <li class="col mb-4" data-name="ticket-detailed-fill" data-tags="tickets admission" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ticket-detailed-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ticket-detailed-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ticket-detailed-fill</div> </a> </li> <li class="col mb-4" data-name="ticket-fill" data-tags="tickets admission" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ticket-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ticket-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ticket-fill</div> </a> </li> <li class="col mb-4" data-name="ticket-perforated" data-tags="tickets admission" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ticket-perforated/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ticket-perforated"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ticket-perforated</div> </a> </li> <li class="col mb-4" data-name="ticket-perforated-fill" data-tags="tickets admission" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ticket-perforated-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ticket-perforated-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ticket-perforated-fill</div> </a> </li> <li class="col mb-4" data-name="tiktok" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tiktok/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tiktok"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tiktok</div> </a> </li> <li class="col mb-4" data-name="toggle-off" data-tags="toggle switch checkbox" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/toggle-off/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-toggle-off"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">toggle-off</div> </a> </li> <li class="col mb-4" data-name="toggle-on" data-tags="toggle switch checkbox" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/toggle-on/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-toggle-on"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">toggle-on</div> </a> </li> <li class="col mb-4" data-name="toggle2-off" data-tags="toggle switch checkbox" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/toggle2-off/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-toggle2-off"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">toggle2-off</div> </a> </li> <li class="col mb-4" data-name="toggle2-on" data-tags="toggle switch checkbox" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/toggle2-on/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-toggle2-on"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">toggle2-on</div> </a> </li> <li class="col mb-4" data-name="toggles" data-tags="toggle switch checkbox" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/toggles/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-toggles"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">toggles</div> </a> </li> <li class="col mb-4" data-name="toggles2" data-tags="toggle switch checkbox" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/toggles2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-toggles2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">toggles2</div> </a> </li> <li class="col mb-4" data-name="tools" data-tags="tool wrench screwdriver" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tools/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tools"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tools</div> </a> </li> <li class="col mb-4" data-name="tornado" data-tags="wind" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tornado/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tornado"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tornado</div> </a> </li> <li class="col mb-4" data-name="train-freight-front" data-tags="transit public rail" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/train-freight-front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-train-freight-front"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">train-freight-front</div> </a> </li> <li class="col mb-4" data-name="train-freight-front-fill" data-tags="transit public rail" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/train-freight-front-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-train-freight-front-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">train-freight-front-fill</div> </a> </li> <li class="col mb-4" data-name="train-front" data-tags="transit public rail" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/train-front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-train-front"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">train-front</div> </a> </li> <li class="col mb-4" data-name="train-front-fill" data-tags="transit public rail" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/train-front-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-train-front-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">train-front-fill</div> </a> </li> <li class="col mb-4" data-name="train-lightrail-front" data-tags="transit public rail" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/train-lightrail-front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-train-lightrail-front"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">train-lightrail-front</div> </a> </li> <li class="col mb-4" data-name="train-lightrail-front-fill" data-tags="transit public rail" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/train-lightrail-front-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-train-lightrail-front-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">train-lightrail-front-fill</div> </a> </li> <li class="col mb-4" data-name="translate" data-tags="translation languages language" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/translate/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-translate"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">translate</div> </a> </li> <li class="col mb-4" data-name="transparency" data-tags="photo editing image picture" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/transparency/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-transparency"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">transparency</div> </a> </li> <li class="col mb-4" data-name="trash" data-tags="trash-can garbage delete remove" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/trash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-trash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">trash</div> </a> </li> <li class="col mb-4" data-name="trash-fill" data-tags="trash-can garbage delete remove" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/trash-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-trash-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">trash-fill</div> </a> </li> <li class="col mb-4" data-name="trash2" data-tags="trash-can garbage delete remove" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/trash2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-trash2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">trash2</div> </a> </li> <li class="col mb-4" data-name="trash2-fill" data-tags="trash-can garbage delete remove" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/trash2-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-trash2-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">trash2-fill</div> </a> </li> <li class="col mb-4" data-name="trash3" data-tags="trash-can garbage delete remove" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/trash3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-trash3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">trash3</div> </a> </li> <li class="col mb-4" data-name="trash3-fill" data-tags="trash-can garbage delete remove" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/trash3-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-trash3-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">trash3-fill</div> </a> </li> <li class="col mb-4" data-name="tree" data-tags="tree forrest" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tree/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tree"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tree</div> </a> </li> <li class="col mb-4" data-name="tree-fill" data-tags="tree forrest" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tree-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tree-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tree-fill</div> </a> </li> <li class="col mb-4" data-name="trello" data-tags="kanban board" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/trello/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-trello"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">trello</div> </a> </li> <li class="col mb-4" data-name="triangle" data-tags="shape" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/triangle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-triangle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">triangle</div> </a> </li> <li class="col mb-4" data-name="triangle-fill" data-tags="shape" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/triangle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-triangle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">triangle-fill</div> </a> </li> <li class="col mb-4" data-name="triangle-half" data-tags="shape" data-categories="shapes"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/triangle-half/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-triangle-half"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">triangle-half</div> </a> </li> <li class="col mb-4" data-name="trophy" data-tags="prize winning" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/trophy/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-trophy"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">trophy</div> </a> </li> <li class="col mb-4" data-name="trophy-fill" data-tags="prize winning" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/trophy-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-trophy-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">trophy-fill</div> </a> </li> <li class="col mb-4" data-name="tropical-storm" data-tags="hurricane" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tropical-storm/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tropical-storm"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tropical-storm</div> </a> </li> <li class="col mb-4" data-name="truck" data-tags="trucking shipping shipment transport deliver delivery vehicle" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/truck/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-truck"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">truck</div> </a> </li> <li class="col mb-4" data-name="truck-flatbed" data-tags="trucking shipping shipment transport deliver delivery vehicle" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/truck-flatbed/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-truck-flatbed"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">truck-flatbed</div> </a> </li> <li class="col mb-4" data-name="truck-front" data-tags="vehicle shipping transit haul freight" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/truck-front/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-truck-front"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">truck-front</div> </a> </li> <li class="col mb-4" data-name="truck-front-fill" data-tags="vehicle shipping transit haul freight" data-categories="transportation"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/truck-front-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-truck-front-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">truck-front-fill</div> </a> </li> <li class="col mb-4" data-name="tsunami" data-tags="wave" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tsunami/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tsunami"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tsunami</div> </a> </li> <li class="col mb-4" data-name="tv" data-tags="television monitor display" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tv/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tv"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tv</div> </a> </li> <li class="col mb-4" data-name="tv-fill" data-tags="television monitor display" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/tv-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-tv-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">tv-fill</div> </a> </li> <li class="col mb-4" data-name="twitch" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/twitch/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-twitch"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">twitch</div> </a> </li> <li class="col mb-4" data-name="twitter" data-tags="social chat" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/twitter/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-twitter"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">twitter</div> </a> </li> <li class="col mb-4" data-name="twitter-x" data-tags="social chat" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/twitter-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-twitter-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">twitter-x</div> </a> </li> <li class="col mb-4" data-name="type" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type</div> </a> </li> <li class="col mb-4" data-name="type-bold" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-bold/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-bold"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-bold</div> </a> </li> <li class="col mb-4" data-name="type-h1" data-tags="text type heading" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-h1/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-h1"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-h1</div> </a> </li> <li class="col mb-4" data-name="type-h2" data-tags="text type heading" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-h2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-h2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-h2</div> </a> </li> <li class="col mb-4" data-name="type-h3" data-tags="text type heading" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-h3/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-h3"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-h3</div> </a> </li> <li class="col mb-4" data-name="type-h4" data-tags="text type heading" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-h4/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-h4"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-h4</div> </a> </li> <li class="col mb-4" data-name="type-h5" data-tags="text type heading" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-h5/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-h5"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-h5</div> </a> </li> <li class="col mb-4" data-name="type-h6" data-tags="text type heading" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-h6/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-h6"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-h6</div> </a> </li> <li class="col mb-4" data-name="type-italic" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-italic/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-italic"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-italic</div> </a> </li> <li class="col mb-4" data-name="type-strikethrough" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-strikethrough/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-strikethrough"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-strikethrough</div> </a> </li> <li class="col mb-4" data-name="type-underline" data-tags="text type" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/type-underline/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-type-underline"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">type-underline</div> </a> </li> <li class="col mb-4" data-name="ubuntu" data-tags="linux distro" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ubuntu/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ubuntu"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ubuntu</div> </a> </li> <li class="col mb-4" data-name="ui-checks" data-tags="checkbox form" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ui-checks/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ui-checks"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ui-checks</div> </a> </li> <li class="col mb-4" data-name="ui-checks-grid" data-tags="checkbox form" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ui-checks-grid/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ui-checks-grid"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ui-checks-grid</div> </a> </li> <li class="col mb-4" data-name="ui-radios" data-tags="radio form" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ui-radios/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ui-radios"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ui-radios</div> </a> </li> <li class="col mb-4" data-name="ui-radios-grid" data-tags="radio form" data-categories="controls"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/ui-radios-grid/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-ui-radios-grid"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">ui-radios-grid</div> </a> </li> <li class="col mb-4" data-name="umbrella" data-tags="rain" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/umbrella/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-umbrella"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">umbrella</div> </a> </li> <li class="col mb-4" data-name="umbrella-fill" data-tags="rain" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/umbrella-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-umbrella-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">umbrella-fill</div> </a> </li> <li class="col mb-4" data-name="unindent" data-tags="tab indent" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/unindent/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-unindent"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">unindent</div> </a> </li> <li class="col mb-4" data-name="union" data-tags="graphics vector merge layers" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/union/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-union"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">union</div> </a> </li> <li class="col mb-4" data-name="unity" data-tags="gaming" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/unity/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-unity"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">unity</div> </a> </li> <li class="col mb-4" data-name="universal-access" data-tags="accessibility a11y" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/universal-access/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-universal-access"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">universal-access</div> </a> </li> <li class="col mb-4" data-name="universal-access-circle" data-tags="accessibility a11y" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/universal-access-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-universal-access-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">universal-access-circle</div> </a> </li> <li class="col mb-4" data-name="unlock" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/unlock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-unlock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">unlock</div> </a> </li> <li class="col mb-4" data-name="unlock-fill" data-tags="privacy security" data-categories="security"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/unlock-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-unlock-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">unlock-fill</div> </a> </li> <li class="col mb-4" data-name="upc" data-tags="purchase barcode" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/upc/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-upc"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">upc</div> </a> </li> <li class="col mb-4" data-name="upc-scan" data-tags="purchase barcode" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/upc-scan/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-upc-scan"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">upc-scan</div> </a> </li> <li class="col mb-4" data-name="upload" data-tags="arrow network" data-categories="miscellaneous"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/upload/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-upload"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">upload</div> </a> </li> <li class="col mb-4" data-name="usb" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb</div> </a> </li> <li class="col mb-4" data-name="usb-c" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-c/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-c"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-c</div> </a> </li> <li class="col mb-4" data-name="usb-c-fill" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-c-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-c-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-c-fill</div> </a> </li> <li class="col mb-4" data-name="usb-drive" data-tags="thumb-drive" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-drive/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-drive"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-drive</div> </a> </li> <li class="col mb-4" data-name="usb-drive-fill" data-tags="thumb-drive" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-drive-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-drive-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-drive-fill</div> </a> </li> <li class="col mb-4" data-name="usb-fill" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-fill</div> </a> </li> <li class="col mb-4" data-name="usb-micro" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-micro/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-micro"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-micro</div> </a> </li> <li class="col mb-4" data-name="usb-micro-fill" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-micro-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-micro-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-micro-fill</div> </a> </li> <li class="col mb-4" data-name="usb-mini" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-mini/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-mini"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-mini</div> </a> </li> <li class="col mb-4" data-name="usb-mini-fill" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-mini-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-mini-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-mini-fill</div> </a> </li> <li class="col mb-4" data-name="usb-plug" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-plug/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-plug"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-plug</div> </a> </li> <li class="col mb-4" data-name="usb-plug-fill" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-plug-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-plug-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-plug-fill</div> </a> </li> <li class="col mb-4" data-name="usb-symbol" data-tags="port plug" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/usb-symbol/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-usb-symbol"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">usb-symbol</div> </a> </li> <li class="col mb-4" data-name="valentine" data-tags="love romance valentine" data-categories="love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/valentine/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-valentine"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">valentine</div> </a> </li> <li class="col mb-4" data-name="valentine2" data-tags="love romance valentine" data-categories="love"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/valentine2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-valentine2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">valentine2</div> </a> </li> <li class="col mb-4" data-name="vector-pen" data-tags="graphics vector pen" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/vector-pen/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-vector-pen"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">vector-pen</div> </a> </li> <li class="col mb-4" data-name="view-list" data-tags="view rearrange" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/view-list/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-view-list"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">view-list</div> </a> </li> <li class="col mb-4" data-name="view-stacked" data-tags="view rearrange" data-categories="ui and keyboard"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/view-stacked/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-view-stacked"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">view-stacked</div> </a> </li> <li class="col mb-4" data-name="vignette" data-tags="photo editing image picture" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/vignette/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-vignette"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">vignette</div> </a> </li> <li class="col mb-4" data-name="vimeo" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/vimeo/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-vimeo"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">vimeo</div> </a> </li> <li class="col mb-4" data-name="vinyl" data-tags="audio music record" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/vinyl/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-vinyl"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">vinyl</div> </a> </li> <li class="col mb-4" data-name="vinyl-fill" data-tags="audio music record" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/vinyl-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-vinyl-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">vinyl-fill</div> </a> </li> <li class="col mb-4" data-name="virus" data-tags="covid viral" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/virus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-virus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">virus</div> </a> </li> <li class="col mb-4" data-name="virus2" data-tags="covid viral" data-categories="medical"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/virus2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-virus2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">virus2</div> </a> </li> <li class="col mb-4" data-name="voicemail" data-tags="voicemail message telephone" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/voicemail/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-voicemail"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">voicemail</div> </a> </li> <li class="col mb-4" data-name="volume-down" data-tags="audio video av sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/volume-down/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-volume-down"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">volume-down</div> </a> </li> <li class="col mb-4" data-name="volume-down-fill" data-tags="audio video av sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/volume-down-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-volume-down-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">volume-down-fill</div> </a> </li> <li class="col mb-4" data-name="volume-mute" data-tags="audio video av sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/volume-mute/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-volume-mute"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">volume-mute</div> </a> </li> <li class="col mb-4" data-name="volume-mute-fill" data-tags="audio video av sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/volume-mute-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-volume-mute-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">volume-mute-fill</div> </a> </li> <li class="col mb-4" data-name="volume-off" data-tags="audio video av sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/volume-off/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-volume-off"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">volume-off</div> </a> </li> <li class="col mb-4" data-name="volume-off-fill" data-tags="audio video av sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/volume-off-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-volume-off-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">volume-off-fill</div> </a> </li> <li class="col mb-4" data-name="volume-up" data-tags="audio video av sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/volume-up/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-volume-up"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">volume-up</div> </a> </li> <li class="col mb-4" data-name="volume-up-fill" data-tags="audio video av sound" data-categories="media"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/volume-up-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-volume-up-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">volume-up-fill</div> </a> </li> <li class="col mb-4" data-name="vr" data-tags="divider vertical-rule" data-categories="typography"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/vr/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-vr"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">vr</div> </a> </li> <li class="col mb-4" data-name="wallet" data-tags="cards money funds cash payment" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wallet/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wallet"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wallet</div> </a> </li> <li class="col mb-4" data-name="wallet-fill" data-tags="cards money funds cash payment" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wallet-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wallet-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wallet-fill</div> </a> </li> <li class="col mb-4" data-name="wallet2" data-tags="cards money funds cash payment" data-categories="commerce"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wallet2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wallet2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wallet2</div> </a> </li> <li class="col mb-4" data-name="watch" data-tags="wearables clock" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/watch/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-watch"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">watch</div> </a> </li> <li class="col mb-4" data-name="water" data-tags="waves levels" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/water/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-water"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">water</div> </a> </li> <li class="col mb-4" data-name="webcam" data-tags="camera video" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/webcam/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-webcam"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">webcam</div> </a> </li> <li class="col mb-4" data-name="webcam-fill" data-tags="camera video" data-categories="devices"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/webcam-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-webcam-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">webcam-fill</div> </a> </li> <li class="col mb-4" data-name="wechat" data-tags="social messaging" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wechat/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wechat"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wechat</div> </a> </li> <li class="col mb-4" data-name="whatsapp" data-tags="social facebook chat" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/whatsapp/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-whatsapp"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">whatsapp</div> </a> </li> <li class="col mb-4" data-name="wifi" data-tags="internet network wireless" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wifi/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wifi"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wifi</div> </a> </li> <li class="col mb-4" data-name="wifi-1" data-tags="internet network wireless" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wifi-1/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wifi-1"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wifi-1</div> </a> </li> <li class="col mb-4" data-name="wifi-2" data-tags="internet network wireless" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wifi-2/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wifi-2"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wifi-2</div> </a> </li> <li class="col mb-4" data-name="wifi-off" data-tags="internet network wireless" data-categories="communications"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wifi-off/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wifi-off"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wifi-off</div> </a> </li> <li class="col mb-4" data-name="wikipedia" data-tags="encyclopedia" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wikipedia/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wikipedia"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wikipedia</div> </a> </li> <li class="col mb-4" data-name="wind" data-tags="windy breeze" data-categories="weather"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wind/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wind"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wind</div> </a> </li> <li class="col mb-4" data-name="window" data-tags="app application" data-categories="layout"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window</div> </a> </li> <li class="col mb-4" data-name="window-dash" data-tags="application desktop app" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window-dash/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window-dash"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window-dash</div> </a> </li> <li class="col mb-4" data-name="window-desktop" data-tags="application desktop app" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window-desktop/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window-desktop"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window-desktop</div> </a> </li> <li class="col mb-4" data-name="window-dock" data-tags="application desktop os" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window-dock/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window-dock"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window-dock</div> </a> </li> <li class="col mb-4" data-name="window-fullscreen" data-tags="application desktop app" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window-fullscreen/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window-fullscreen"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window-fullscreen</div> </a> </li> <li class="col mb-4" data-name="window-plus" data-tags="application desktop app" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window-plus/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window-plus"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window-plus</div> </a> </li> <li class="col mb-4" data-name="window-sidebar" data-tags="application desktop" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window-sidebar/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window-sidebar"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window-sidebar</div> </a> </li> <li class="col mb-4" data-name="window-split" data-tags="application desktop app" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window-split/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window-split"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window-split</div> </a> </li> <li class="col mb-4" data-name="window-stack" data-tags="application desktop app windows" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window-stack/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window-stack"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window-stack</div> </a> </li> <li class="col mb-4" data-name="window-x" data-tags="application desktop app" data-categories="apps"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/window-x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-window-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">window-x</div> </a> </li> <li class="col mb-4" data-name="windows" data-tags="microsoft msft windows" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/windows/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-windows"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">windows</div> </a> </li> <li class="col mb-4" data-name="wordpress" data-tags="social" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wordpress/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wordpress"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wordpress</div> </a> </li> <li class="col mb-4" data-name="wrench" data-tags="tool" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wrench/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wrench"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wrench</div> </a> </li> <li class="col mb-4" data-name="wrench-adjustable" data-tags="tool" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wrench-adjustable/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wrench-adjustable"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wrench-adjustable</div> </a> </li> <li class="col mb-4" data-name="wrench-adjustable-circle" data-tags="tool" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wrench-adjustable-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wrench-adjustable-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wrench-adjustable-circle</div> </a> </li> <li class="col mb-4" data-name="wrench-adjustable-circle-fill" data-tags="tool" data-categories="tools"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/wrench-adjustable-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-wrench-adjustable-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">wrench-adjustable-circle-fill</div> </a> </li> <li class="col mb-4" data-name="x" data-tags="x delete remove reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x</div> </a> </li> <li class="col mb-4" data-name="x-circle" data-tags="x delete remove reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x-circle/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x-circle"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x-circle</div> </a> </li> <li class="col mb-4" data-name="x-circle-fill" data-tags="x delete remove reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x-circle-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x-circle-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x-circle-fill</div> </a> </li> <li class="col mb-4" data-name="x-diamond" data-tags="x delete reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x-diamond/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x-diamond"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x-diamond</div> </a> </li> <li class="col mb-4" data-name="x-diamond-fill" data-tags="x delete reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x-diamond-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x-diamond-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x-diamond-fill</div> </a> </li> <li class="col mb-4" data-name="x-lg" data-tags="x delete remove reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x-lg/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x-lg"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x-lg</div> </a> </li> <li class="col mb-4" data-name="x-octagon" data-tags="x delete remove reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x-octagon/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x-octagon"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x-octagon</div> </a> </li> <li class="col mb-4" data-name="x-octagon-fill" data-tags="x delete remove reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x-octagon-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x-octagon-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x-octagon-fill</div> </a> </li> <li class="col mb-4" data-name="x-square" data-tags="x delete remove reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x-square/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x-square"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x-square</div> </a> </li> <li class="col mb-4" data-name="x-square-fill" data-tags="x delete remove reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/x-square-fill/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-x-square-fill"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">x-square-fill</div> </a> </li> <li class="col mb-4" data-name="xbox" data-tags="microsoft gaming" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/xbox/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-xbox"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">xbox</div> </a> </li> <li class="col mb-4" data-name="yelp" data-tags="social reviews" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/yelp/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-yelp"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">yelp</div> </a> </li> <li class="col mb-4" data-name="yin-yang" data-tags="peace" data-categories="real world"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/yin-yang/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-yin-yang"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">yin-yang</div> </a> </li> <li class="col mb-4" data-name="youtube" data-tags="social video google" data-categories="brand"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/youtube/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-youtube"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">youtube</div> </a> </li> <li class="col mb-4" data-name="zoom-in" data-tags="magnify scale" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/zoom-in/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-zoom-in"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">zoom-in</div> </a> </li> <li class="col mb-4" data-name="zoom-out" data-tags="minify scale" data-categories="graphics"> <a class="d-block text-body-emphasis text-decoration-none" href="/icons/zoom-out/"> <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded"> <i class="bi bi-zoom-out"></i> </div> <div class="name text-muted text-decoration-none text-center pt-1">zoom-out</div> </a> </li> </ul> </div> <h2 id="install">Install</h2> <p>Bootstrap Icons are published to npm, but they can also be manually downloaded if needed.</p> <div class="row my-4"> <div class="col-md-4"> <h3 id="package-manager">Package manager</h3> <p>Install <a href="https://www.npmjs.com/package/bootstrap-icons">Bootstrap Icons</a>鈥攊ncluding SVGs, icon sprite, and icon fonts鈥攚ith npm or Composer. Then, choose how you’d like to include the icons with the <a href="#usage">usage instructions</a>.</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm i bootstrap-icons</span></span></code></pre></div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">composer require twbs/bootstrap-icons</span></span></code></pre></div> </div> <div class="col-md-4"> <h3 id="download">Download</h3> <p><a href="https://github.com/twbs/icons/releases/">Releases are published on GitHub</a> and include icon SVGs, fonts, license, and readme. Our <code>package.json</code> is also included, though our npm scripts are primarily available for our development workflows.</p> <p><a class="btn btn-outline-primary" href="https://github.com/twbs/icons/releases/latest/">Download latest ZIP</a></p> </div> <div class="col-md-4"> <h3 id="cdn">CDN</h3> <p>Include the icon fonts stylesheet鈥攊n your website <code><head></code> or via <code>@import</code> in CSS鈥攆rom jsDelivr and get started in seconds. <a href="#icon-font">See icon font docs</a> for examples.</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"stylesheet"</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"</span><span class="p">></span></span></span></code></pre></div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">@</span><span class="k">import</span> <span class="nt">url</span><span class="o">(</span><span class="s2">"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"</span><span class="o">)</span><span class="p">;</span></span></span></code></pre></div> </div> </div> <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. We recommend using a <code>width: 1em</code> (and optionally <code>height: 1em</code>) for easy resizing via <code>font-size</code>.</p> <div class="row my-4"> <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’ve used a custom <code>width</code> and <code>height</code>.</p> </div> <div class="col-md-8"> <div class="bd-example"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-heart-eyes" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z"/></svg></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">svg</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width</span><span class="o">=</span><span class="s">"16"</span> <span class="na">height</span><span class="o">=</span><span class="s">"16"</span> <span class="na">fill</span><span class="o">=</span><span class="s">"currentColor"</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi bi-emoji-heart-eyes"</span> <span class="na">viewBox</span><span class="o">=</span><span class="s">"0 0 16 16"</span><span class="p">><</span><span class="nt">path</span> <span class="na">d</span><span class="o">=</span><span class="s">"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"</span><span class="p">/><</span><span class="nt">path</span> <span class="na">d</span><span class="o">=</span><span class="s">"M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z"</span><span class="p">/></</span><span class="nt">svg</span><span class="p">></span></span></span></code></pre></div> </div> </div> <div class="row my-4"> <div class="col-md-4"> <h3 id="sprite">Sprite</h3> <p>Use the SVG sprite to insert any icon through the <code><use></code> element. Use the icon’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><img></code> element, but with the power of <code>currentColor</code> for easy theming.</p> <p><strong>Heads up!</strong> There’s an issue with Chrome where <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=470601"><code><use></code> doesn’t work across domains</a>.</p> </div> <div class="col-md-8"> <div class="bd-example" style="font-size: 32px;"> <i class="bi bi-heart-fill"></i> <i class="bi bi-toggles"></i> <i class="bi bi-shop"></i> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi"</span> <span class="na">width</span><span class="o">=</span><span class="s">"32"</span> <span class="na">height</span><span class="o">=</span><span class="s">"32"</span> <span class="na">fill</span><span class="o">=</span><span class="s">"currentColor"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">use</span> <span class="na">xlink:href</span><span class="o">=</span><span class="s">"bootstrap-icons.svg#heart-fill"</span><span class="p">/></span> </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">svg</span><span class="p">></span> </span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi"</span> <span class="na">width</span><span class="o">=</span><span class="s">"32"</span> <span class="na">height</span><span class="o">=</span><span class="s">"32"</span> <span class="na">fill</span><span class="o">=</span><span class="s">"currentColor"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">use</span> <span class="na">xlink:href</span><span class="o">=</span><span class="s">"bootstrap-icons.svg#toggles"</span><span class="p">/></span> </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">svg</span><span class="p">></span> </span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi"</span> <span class="na">width</span><span class="o">=</span><span class="s">"32"</span> <span class="na">height</span><span class="o">=</span><span class="s">"32"</span> <span class="na">fill</span><span class="o">=</span><span class="s">"currentColor"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">use</span> <span class="na">xlink:href</span><span class="o">=</span><span class="s">"bootstrap-icons.svg#shop"</span><span class="p">/></span> </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">svg</span><span class="p">></span></span></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><img></code> element.</p> </div> <div class="col-md-8"> <div class="bd-example"><img src="/assets/icons/bootstrap.svg" alt="Bootstrap" width="32" height="32"></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">"/assets/icons/bootstrap.svg"</span> <span class="na">alt</span><span class="o">=</span><span class="s">"Bootstrap"</span> <span class="na">width</span><span class="o">=</span><span class="s">"32"</span> <span class="na">height</span><span class="o">=</span><span class="s">"32"</span><span class="p">></span></span></span></code></pre></div> </div> </div> <div class="row my-4"> <div class="col-md-4"> <h3 id="icon-font">Icon font</h3> <p>Icon fonts with classes for every icon are also included for Bootstrap Icons. Include the icon web fonts in your page via CSS, then reference the class names as needed in your HTML (e.g., <code><i class="bi-alarm-clock"></i></code>).</p> <p>Use <code>font-size</code> and <code>color</code> to change the icon appearance.</p> </div> <div class="col-md-8"> <div class="bd-example"><i class="bi-alarm"></i></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">i</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi-alarm"</span><span class="p">></</span><span class="nt">i</span><span class="p">></span></span></span></code></pre></div> <div class="bd-example"><i class="bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">i</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi-alarm"</span> <span class="na">style</span><span class="o">=</span><span class="s">"font-size: 2rem; color: cornflowerblue;"</span><span class="p">></</span><span class="nt">i</span><span class="p">></span></span></span></code></pre></div> </div> </div> <div class="row"> <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><svg></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"> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">.</span><span class="nc">bi</span><span class="p">::</span><span class="nd">before</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="k">display</span><span class="p">:</span> <span class="kc">inline-block</span><span class="p">;</span> </span></span><span class="line"><span class="cl"> <span class="k">content</span><span class="p">:</span> <span class="s2">""</span><span class="p">;</span> </span></span><span class="line"><span class="cl"> <span class="k">vertical-align</span><span class="p">:</span> <span class="mf">-.125</span><span class="kt">em</span><span class="p">;</span> </span></span><span class="line"><span class="cl"> <span class="k">background-image</span><span class="p">:</span> <span class="nb">url</span><span class="p">(</span><span class="s2">"data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' 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' clip-rule='evenodd'/></svg>"</span><span class="p">);</span> </span></span><span class="line"><span class="cl"> <span class="k">background-repeat</span><span class="p">:</span> <span class="kc">no-repeat</span><span class="p">;</span> </span></span><span class="line"><span class="cl"> <span class="k">background-size</span><span class="p">:</span> <span class="mi">1</span><span class="kt">rem</span> <span class="mi">1</span><span class="kt">rem</span><span class="p">;</span> </span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div> </div> </div> <div class="row my-4"> <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:</p> </div> <div class="col-md-8"> <div class="bd-example"> <svg class="bi bi-exclamation-triangle text-success" width="32" height="32" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.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> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi bi-exclamation-triangle text-success"</span> <span class="na">width</span><span class="o">=</span><span class="s">"32"</span> <span class="na">height</span><span class="o">=</span><span class="s">"32"</span> <span class="na">fill</span><span class="o">=</span><span class="s">"currentColor"</span> <span class="na">viewBox</span><span class="o">=</span><span class="s">"0 0 16 16"</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">"http://www.w3.org/2000/svg"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> ... </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">svg</span><span class="p">></span></span></span></code></pre></div> </div> </div> <div class="row my-4"> <div class="col-md-4"> <h2 id="accessibility">Accessibility</h2> <p>For purely decorative icons, add <code>aria-hidden="true"</code>. Otherwise, provide an appropriate text alternative. Depending on which method you’re using to add the icons, and where you’re using them (e.g. as standalone images, or as the only content of a button or similar control), there are various possible approaches. Here are a few examples:</p> </div> <div class="col-md-8"> <div class="bd-example"> <img src="/assets/icons/bootstrap.svg" alt="Bootstrap" width="32" height="32"> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="c"></span> </span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">"/assets/icons/bootstrap.svg"</span> <span class="na">alt</span><span class="o">=</span><span class="s">"Bootstrap"</span> <span class="err">...</span><span class="p">></span></span></span></code></pre></div> <div class="bd-example"> <i class="bi-github" role="img" style="font-size: 2em" aria-label="GitHub"></i> <i class="bi-tools" role="img" style="font-size: 2em" aria-label="Tools"></i> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi"</span> <span class="err">...</span> <span class="na">role</span><span class="o">=</span><span class="s">"img"</span> <span class="na">aria-label</span><span class="o">=</span><span class="s">"Tools"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">use</span> <span class="na">xlink:href</span><span class="o">=</span><span class="s">"bootstrap-icons.svg#tools"</span><span class="p">/></span> </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">svg</span><span class="p">></span></span></span></code></pre></div> <div class="bd-example"> <button type="button" class="btn btn-primary" aria-label="Mute"> <svg class="bi bi-volume-mute-fill" width="32" height="32" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M6.717 3.55A.5.5 0 017 4v8a.5.5 0 01-.812.39L3.825 10.5H1.5A.5.5 0 011 10V6a.5.5 0 01.5-.5h2.325l2.363-1.89a.5.5 0 01.529-.06zm7.137 2.096a.5.5 0 010 .708L12.207 8l1.647 1.646a.5.5 0 01-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 01-.708-.708L10.793 8 9.146 6.354a.5.5 0 11.708-.708L11.5 7.293l1.646-1.647a.5.5 0 01.708 0z"></path></svg> </button> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="c"></span> </span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">button</span> <span class="err">...</span> <span class="na">aria-label</span><span class="o">=</span><span class="s">"Mute"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi bi-volume-mute-fill"</span> <span class="na">aria-hidden</span><span class="o">=</span><span class="s">"true"</span> <span class="err">...</span><span class="p">></span> </span></span><span class="line"><span class="cl"> ... </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">svg</span><span class="p">></span> </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">button</span><span class="p">></span></span></span></code></pre></div> </div> </div> <div class="row my-4"> <div class="col-md-4"> <h2 id="working-with-svgs">Working with SVGs</h2> <p>SVGs are awesome to work with, but they do have some known quirks to work around. Given the numerous ways in which SVGs can be used, we haven’t included these attributes and workarounds in our code.</p> </div> <div class="col-md-8"> <p>Known issues include:</p> <ul> <li> <p><strong>SVGs receive focus by default in Internet Explorer and Edge Legacy.</strong> When embedding your SVGs, add <code>focusable="false"</code> to the <code><svg></code> element. <a href="https://stackoverflow.com/questions/18646111/disable-onfocus-event-for-svg-element">Learn more on Stack Overflow.</a></p> </li> <li> <p><strong>When using SVGs with <code><img></code> elements, screen readers may not announce them as images, or skip the image completely.</strong> Include an additional <code>role="img"</code> on the <code><img></code> element to avoid any issues. <a href="https://web.archive.org/web/20201112013541/https://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-2">See this article for details.</a></p> </li> <li> <p><strong>External SVG sprites may not function correctly in Internet Explorer.</strong> Use the <a href="https://github.com/jonathantneal/svg4everybody">svg4everybody</a> polyfill as needed.</p> </li> </ul> <p>Found another issue with SVGs we should note? Please open <a href="https://github.com/twbs/bootstrap/issues">an issue</a> to share details.</p> </div> </div> </main><footer class="bd-footer py-4 py-md-5 mt-5 bg-body-tertiary"> <div class="container py-4 py-md-5 px-4 px-md-3 text-body-secondary"> <div class="row"> <div class="col-lg-3 mb-3"> <a class="d-inline-flex align-items-center mb-2 text-body-secondary text-decoration-none" href="/" aria-label="Bootstrap"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="d-block me-2" 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> <span class="fs-5">Bootstrap</span> </a> <ul class="list-unstyled small"> <li class="mb-2">Designed and built with all the love in the world by the <a href="https://getbootstrap.com/docs/5.3/about/team/">Bootstrap team</a> with the help of <a href="https://github.com/twbs/bootstrap/graphs/contributors">our contributors</a>.</li> <li class="mb-2">Code licensed <a href="https://github.com/twbs/bootstrap/blob/main/LICENSE" target="_blank" rel="license noopener">MIT</a>, docs <a href="https://creativecommons.org/licenses/by/3.0/" target="_blank" rel="license noopener">CC BY 3.0</a>.</li> </ul> </div> <div class="col-6 col-lg-2 offset-lg-1 mb-3"> <h5>Links</h5> <ul class="list-unstyled"> <li class="mb-2"><a href="https://getbootstrap.com/">Home</a></li> <li class="mb-2"><a href="https://getbootstrap.com/docs/5.3/">Docs</a></li> <li class="mb-2"><a href="https://getbootstrap.com/docs/5.3/examples/">Examples</a></li> <li class="mb-2"><a href="https://icons.getbootstrap.com/">Icons</a></li> <li class="mb-2"><a href="https://themes.getbootstrap.com/">Themes</a></li> <li class="mb-2"><a href="https://blog.getbootstrap.com/">Blog</a></li> <li class="mb-2"><a href="https://cottonbureau.com/people/bootstrap">Swag Store</a></li> </ul> </div> <div class="col-6 col-lg-2 mb-3"> <h5>Guides</h5> <ul class="list-unstyled"> <li class="mb-2"><a href="https://getbootstrap.com/docs/5.3/getting-started/">Getting started</a></li> <li class="mb-2"><a href="https://getbootstrap.com/docs/5.3/examples/starter-template/">Starter template</a></li> <li class="mb-2"><a href="https://getbootstrap.com/docs/5.3/getting-started/webpack/">Webpack</a></li> <li class="mb-2"><a href="https://getbootstrap.com/docs/5.3/getting-started/parcel/">Parcel</a></li> <li class="mb-2"><a href="https://getbootstrap.com/docs/5.3/getting-started/vite/">Vite</a></li> </ul> </div> <div class="col-6 col-lg-2 mb-3"> <h5>Projects</h5> <ul class="list-unstyled"> <li class="mb-2"><a href="https://github.com/twbs/bootstrap">Bootstrap 5</a></li> <li class="mb-2"><a href="https://github.com/twbs/bootstrap/tree/v4-dev">Bootstrap 4</a></li> <li class="mb-2"><a href="https://github.com/twbs/icons">Icons</a></li> <li class="mb-2"><a href="https://github.com/twbs/rfs">RFS</a></li> <li class="mb-2"><a href="https://github.com/twbs/bootstrap-npm-starter">npm starter</a></li> </ul> </div> <div class="col-6 col-lg-2 mb-3"> <h5>Community</h5> <ul class="list-unstyled"> <li class="mb-2"><a href="https://github.com/twbs/bootstrap/issues">Issues</a></li> <li class="mb-2"><a href="https://github.com/twbs/bootstrap/discussions">Discussions</a></li> <li class="mb-2"><a href="https://github.com/sponsors/twbs">Corporate sponsors</a></li> <li class="mb-2"><a href="https://opencollective.com/bootstrap">Open Collective</a></li> <li class="mb-2"><a href="https://stackoverflow.com/questions/tagged/bootstrap-5">Stack Overflow</a></li> </ul> </div> </div> </div> </footer> <script async src="/assets/js/vendor/bootstrap.bundle.min.js"></script><script async src="/assets/js/search.js"></script><script async src="/assets/js/application.js"></script> </body> </html>

CINXE.COM

Bootstrap Icons 路 Official open source SVG icon library for Bootstrap