<>
  {"{"}% set title = 'Bootstrap Icons' %{"}"}
  {"{"}% set filename = 'ui-icons-bootstrap-icons.html' %{"}"}
  {"{"}% extends 'src/layouts/master.html' %{"}"}
  {"{"}% block content %{"}"}
  <div className="page-heading">
    <div className="page-title">
      <div className="row">
        <div className="col-12 col-md-6 order-md-1 order-last">
          <h3>Bootstrap Icons</h3>
          <p className="text-subtitle text-muted">
            Get over 1,000+ icons with Bootstrap Icons.
          </p>
        </div>
        <div className="col-12 col-md-6 order-md-2 order-first">
          <nav
            aria-label="breadcrumb"
            className="breadcrumb-header float-start float-lg-end"
          >
            <ol className="breadcrumb">
              <li className="breadcrumb-item">
                <a href="index.html">Dashboard</a>
              </li>
              <li className="breadcrumb-item active" aria-current="page">
                Bootstrap Icons
              </li>
            </ol>
          </nav>
        </div>
      </div>
    </div>
    <section className="section">
      <div className="card">
        <div className="card-header">
          <h4 className="card-title">Icon List</h4>
        </div>
        <div className="card-body">
          <div className="my-5">
            <ul className="row row-cols-3 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 list-unstyled list">
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/1-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#1-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    1-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/1-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#1-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    1-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/1-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#1-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    1-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/1-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#1-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    1-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="numbers"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/123/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#123" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    123
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/2-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#2-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    2-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/2-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#2-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    2-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/2-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#2-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    2-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/2-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#2-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    2-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/3-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#3-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    3-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/3-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#3-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    3-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/3-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#3-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    3-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/3-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#3-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    3-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/4-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#4-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    4-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/4-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#4-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    4-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/4-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#4-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    4-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/4-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#4-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    4-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/5-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#5-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    5-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/5-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#5-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    5-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/5-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#5-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    5-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/5-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#5-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    5-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/6-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#6-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    6-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/6-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#6-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    6-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/6-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#6-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    6-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/6-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#6-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    6-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/7-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#7-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    7-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/7-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#7-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    7-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/7-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#7-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    7-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/7-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#7-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    7-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/8-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#8-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    8-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/8-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#8-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    8-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/8-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#8-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    8-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/8-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#8-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    8-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/9-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#9-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    9-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/9-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#9-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    9-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/9-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#9-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    9-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="number numeral"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/9-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#9-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    9-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="pulse heartbeat rhythm"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/activity/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#activity" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    activity
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="flight flying plane air airport"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/airplane/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#airplane" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    airplane
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="flight flying plane air airport"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/airplane-engines/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#airplane-engines" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    airplane-engines
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="flight flying plane air airport"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/airplane-engines-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#airplane-engines-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    airplane-engines-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="flight flying plane air airport"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/airplane-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#airplane-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    airplane-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alarm clock time"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/alarm/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#alarm" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    alarm
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alarm clock time"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/alarm-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#alarm-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    alarm-fill
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="null" data-categories="null">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/alexa/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#alexa" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    alexa
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="space align distribute"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/align-bottom/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#align-bottom" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    align-bottom
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="space align distribute"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/align-center/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#align-center" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    align-center
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="space align distribute"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/align-end/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#align-end" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    align-end
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="space align distribute"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/align-middle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#align-middle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    align-middle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="space align distribute"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/align-start/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#align-start" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    align-start
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="space align distribute"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/align-top/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#align-top" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    align-top
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="payments"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/alipay/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#alipay" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    alipay
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key alt option"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="google droid"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/android/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#android" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    android
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="google droid"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/android2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#android2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    android2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="app application ios android square"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/app/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#app" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    app
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="app application ios android notification square"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/app-indicator/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#app-indicator" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    app-indicator
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="aapl mac macintosh"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/apple/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#apple" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    apple
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="box delete"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/archive/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#archive" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    archive
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="box delete"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/archive-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#archive-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    archive-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow right-angle"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-90deg-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-90deg-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-90deg-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow right-angle"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-90deg-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-90deg-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-90deg-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow right-angle"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-90deg-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-90deg-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-90deg-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow right-angle"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-90deg-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-90deg-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-90deg-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-bar-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-bar-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-bar-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-bar-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-bar-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-bar-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-bar-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-bar-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-bar-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-bar-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-bar-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-bar-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow right spin turn around round rotate refresh reload redo"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-clockwise/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-clockwise" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-clockwise
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow left spin turn around round rotate undo"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-counterclockwise/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-counterclockwise" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-counterclockwise
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-left-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-left-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-left-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-left-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-left-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-left-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-left-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-left-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-left-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-left-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-left-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-left-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-right-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-right-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-right-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-right-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-right-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-right-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-right-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-right-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-right-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-right-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-right-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-right-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-short/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-short" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-short
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-down-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-down-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-down-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-left-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-left-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-left-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-left-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-left-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-left-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-left-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-left-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-left-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-left-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-left-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-left-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-left-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-left-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-left-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-left-short/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-left-short" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-left-short
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow spin turn around round rotate sync"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-repeat/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-repeat" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-repeat
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow return"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-return-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-return-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-return-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow return"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-return-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-return-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-return-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-right-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-right-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-right-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-right-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-right-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-right-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-right-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-right-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-right-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-right-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-right-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-right-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-right-short/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-right-short" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-right-short
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cupid love valentine"
                data-categories="arrows love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-through-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-through-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-through-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cupid love valentine"
                data-categories="arrows love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-through-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-through-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-through-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-left-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-left-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-left-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-left-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-left-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-left-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-left-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-left-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-left-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-left-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-left-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-left-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-right-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-right-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-right-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow circle"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-right-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-right-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-right-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-right-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-right-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-right-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-right-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-right-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-right-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow square"
                data-categories="shape arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrow-up-short/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrow-up-short" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrow-up-short
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrows-angle-contract/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrows-angle-contract" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrows-angle-contract
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrows-angle-expand/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrows-angle-expand" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrows-angle-expand
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrows-collapse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrows-collapse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrows-collapse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrows-expand/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrows-expand" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrows-expand
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrows-fullscreen/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrows-fullscreen" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrows-fullscreen
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow cursor move"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/arrows-move/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#arrows-move" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    arrows-move
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="size resize crop dimensions"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/aspect-ratio/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#aspect-ratio" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    aspect-ratio
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="size resize crop dimensions"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/aspect-ratio-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#aspect-ratio-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    aspect-ratio-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="asterisks star"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/asterisk/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#asterisk" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    asterisk
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mention sign"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/at/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#at" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    at
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="prize rosette"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/award/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#award" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    award
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="prize rosette"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/award-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#award-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    award-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="backward layer"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/back/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#back" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    back
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/backspace/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#backspace" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    backspace
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/backspace-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#backspace-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    backspace-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/backspace-reverse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#backspace-reverse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    backspace-reverse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/backspace-reverse-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#backspace-reverse-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    backspace-reverse-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="3d display dimension"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-3d/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-3d" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-3d
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="3d display dimension"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-3d-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-3d-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-3d-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="4k display resolution retina"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-4k/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-4k" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-4k
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="4k display resolution retina"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-4k-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-4k-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-4k-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="4k display resolution retina"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-8k/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-8k" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-8k
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="4k display resolution retina"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-8k-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-8k-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-8k-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="advertisement"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-ad/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-ad" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-ad
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="advertisement"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-ad-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-ad-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-ad-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="augmented reality ar"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-ar/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-ar" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-ar
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="augmented reality ar"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-ar-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-ar-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-ar-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="closed captioning"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-cc/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-cc" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-cc
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="closed captioning"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-cc-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-cc-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-cc-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="display resolution high definition"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-hd/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-hd" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-hd
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="display resolution high definition"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-hd-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-hd-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-hd-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="display resolution standard definition"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-sd/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-sd" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-sd
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="display resolution standard definition"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-sd-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-sd-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-sd-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trademark"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-tm/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-tm" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-tm
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trademark"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-tm-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-tm-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-tm-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="voiceover accessibility"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-vo/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-vo" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-vo
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="voiceover accessibility"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-vo-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-vo-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-vo-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="virtual reality vr"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-vr/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-vr" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-vr
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="virtual reality vr"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-vr-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-vr-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-vr-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="wash closet wc"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-wc/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-wc" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-wc
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="wash closet wc"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/badge-wc-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#badge-wc-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    badge-wc-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping cart purchase buy"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-dash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-dash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-dash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-dash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-dash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-dash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping cart purchase buy"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping cart purchase buy valentine love"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping cart purchase buy valentine love"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping add cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bag-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bag-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bag-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="birthday"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/balloon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#balloon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    balloon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="birthday"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/balloon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#balloon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    balloon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="birthday valentine love"
                data-categories="real world love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/balloon-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#balloon-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    balloon-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="birthday valentine love"
                data-categories="real world love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/balloon-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#balloon-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    balloon-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="bandage health"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bandaid/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bandaid" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bandaid
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="bandage health"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bandaid-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bandaid-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bandaid-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance banking market temple"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bank/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bank" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bank
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance banking market temple"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bank2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bank2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bank2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bar-chart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bar-chart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bar-chart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bar-chart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bar-chart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bar-chart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bar-chart-line/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bar-chart-line" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bar-chart-line
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bar-chart-line-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bar-chart-line-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bar-chart-line-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bar-chart-steps/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bar-chart-steps" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bar-chart-steps
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/basket/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#basket" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    basket
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/basket-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#basket-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    basket-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/basket2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#basket2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    basket2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/basket2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#basket2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    basket2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/basket3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#basket3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    basket3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/basket3-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#basket3-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    basket3-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="power charge"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/battery/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#battery" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    battery
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="power charge"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/battery-charging/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#battery-charging" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    battery-charging
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="power charge"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/battery-full/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#battery-full" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    battery-full
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="power charge"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/battery-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#battery-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    battery-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/behance/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#behance" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    behance
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="notification clock"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bell/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bell" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bell
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="notification clock"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bell-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bell-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bell-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="notification silenced clock"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bell-slash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bell-slash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bell-slash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="notification silenced clock"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bell-slash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bell-slash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bell-slash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graphics vector pen"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bezier/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bezier" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bezier
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graphics vector pen"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bezier2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bezier2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bezier2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="bike riding bicycling"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bicycle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bicycle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bicycle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="distance view search"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/binoculars/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#binoculars" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    binoculars
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="distance view search"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/binoculars-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#binoculars-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    binoculars-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/blockquote-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#blockquote-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    blockquote-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/blockquote-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#blockquote-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    blockquote-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="wireless"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bluetooth/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bluetooth" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bluetooth
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="content"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/body-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#body-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    body-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="novel read magazine"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/book/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#book" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    book
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="novel read magazine"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/book-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#book-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    book-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="novel read magazine"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/book-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#book-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    book-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-dash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-dash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-dash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-dash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-dash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-dash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-star/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-star" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-star
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-star-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-star-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-star-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmark-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmark-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmark-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmarks/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmarks" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmarks
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reading book label tag category"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookmarks-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookmarks-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookmarks-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shelf"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bookshelf/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bookshelf" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bookshelf
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="music"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/boombox/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#boombox" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    boombox
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="music"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/boombox-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#boombox-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    boombox-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="bootstrap"
                data-categories="bootstrap"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bootstrap/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bootstrap" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bootstrap
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="bootstrap"
                data-categories="bootstrap"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bootstrap-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bootstrap-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bootstrap-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="bootstrap"
                data-categories="bootstrap"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bootstrap-reboot/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bootstrap-reboot" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bootstrap-reboot
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-all/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-all" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-all
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-bottom/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-bottom" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-bottom
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-center/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-center" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-center
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-inner/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-inner" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-inner
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-middle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-middle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-middle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-outer/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-outer" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-outer
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders wysiwyg"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-style/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-style" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-style
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-top/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-top" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-top
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="borders wysiwyg"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/border-width/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#border-width" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    border-width
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text shape resize dimensions"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bounding-box/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bounding-box" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bounding-box
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text shape resize dimensions"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bounding-box-circles/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bounding-box-circles" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bounding-box-circles
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cardboard package cube"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-down-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-down-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-down-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-down-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-down-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-down-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow download save"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow upload"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-in-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-in-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-in-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-in-down-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-in-down-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-in-down-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-in-down-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-in-down-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-in-down-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow login signin enter"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-in-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-in-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-in-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow login signin enter"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-in-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-in-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-in-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-in-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-in-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-in-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-in-up-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-in-up-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-in-up-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-in-up-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-in-up-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-in-up-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow logout signout exit"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow logout signout exit"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow external link"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-up-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-up-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-up-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow external link"
                data-categories="box arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-arrow-up-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-arrow-up-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-arrow-up-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cardboard package"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cardboard package"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-seam/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-seam" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-seam
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cardboard package"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box-seam-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box-seam-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box-seam-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cardboard package cube"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cardboard package cube"
                data-categories="real world love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cardboard package cube gift valentine love"
                data-categories="real world love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box2-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box2-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box2-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cardboard package cube gift valentine love"
                data-categories="real world love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/box2-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#box2-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    box2-heart-fill
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="cube" data-categories="null">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/boxes/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#boxes" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    boxes
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/braces/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#braces" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    braces
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="code css"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/braces-asterisk/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#braces-asterisk" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    braces-asterisk
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="wall firewall"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bricks/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bricks" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bricks
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="business bag baggage"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/briefcase/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#briefcase" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    briefcase
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="business bag baggage"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/briefcase-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#briefcase-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    briefcase-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="brightness sun weather"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brightness-alt-high/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brightness-alt-high" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brightness-alt-high
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="brightness sun weather"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brightness-alt-high-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brightness-alt-high-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brightness-alt-high-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="brightness sun weather"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brightness-alt-low/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brightness-alt-low" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brightness-alt-low
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="brightness sun weather"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brightness-alt-low-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brightness-alt-low-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brightness-alt-low-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="brightness sun weather"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brightness-high/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brightness-high" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brightness-high
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="brightness sun weather"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brightness-high-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brightness-high-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brightness-high-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="brightness sun weather"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brightness-low/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brightness-low" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brightness-low
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="brightness sun weather"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brightness-low-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brightness-low-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brightness-low-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="radio radio wave amplify wavelength"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/broadcast/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#broadcast" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    broadcast
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="radio radio wave amplify wavelength"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/broadcast-pin/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#broadcast-pin" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    broadcast-pin
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="google webkit blink"
                data-categories="brands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/browser-chrome/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#browser-chrome" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    browser-chrome
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="microsoft webkit"
                data-categories="brands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/browser-edge/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#browser-edge" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    browser-edge
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gecko"
                data-categories="brands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/browser-firefox/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#browser-firefox" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    browser-firefox
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="webkit apple"
                data-categories="brands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/browser-safari/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#browser-safari" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    browser-safari
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="paint art"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brush/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brush" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brush
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="paint art"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/brush-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#brush-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    brush-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tool pail"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bucket/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bucket" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bucket
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tool pail"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bucket-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bucket-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bucket-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="insect error"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bug/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bug" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bug
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="insect error"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bug-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bug-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bug-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="company enterprise organization office business"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/building/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#building" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    building
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="target" data-categories="geo">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/bullseye/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#bullseye" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    bullseye
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copyright"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/c-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#c-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    c-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copyright"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/c-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#c-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    c-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copyright"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/c-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#c-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    c-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copyright"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/c-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#c-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    c-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="calculator math"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calculator/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calculator" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calculator
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="calculator math"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calculator-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calculator-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calculator-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-date/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-date" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-date
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-date-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-date-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-date-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-day/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-day" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-day
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-day-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-day-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-day-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time event invite"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-event/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-event" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-event
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time event invite"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-event-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-event-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-event-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month valentine date"
                data-categories="date and time love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month valentine date"
                data-categories="date and time love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-month/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-month" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-month
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-month-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-month-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-month-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-range/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-range" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-range
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-range-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-range-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-range-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration week"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-week/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-week" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-week
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration week"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-week-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-week-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-week-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month remove delete"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month remove delete"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-date/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-date" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-date
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-date-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-date-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-date-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-day/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-day" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-day
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-day-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-day-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-day-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time event invite"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-event/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-event" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-event
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time event invite"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-event-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-event-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-event-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month valentine date"
                data-categories="date and time love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month valentine date"
                data-categories="date and time love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-month/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-month" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-month
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-month-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-month-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-month-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-range/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-range" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-range
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-range-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-range-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-range-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration week"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-week/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-week" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-week
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration week"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-week-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-week-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-week-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month remove delete"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month remove delete"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar2-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar2-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar2-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time event invite"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar3-event/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar3-event" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar3-event
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time event invite"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar3-event-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar3-event-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar3-event-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar3-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar3-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar3-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar3-range/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar3-range" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar3-range
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar3-range-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar3-range-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar3-range-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration week"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar3-week/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar3-week" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar3-week
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration week"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar3-week-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar3-week-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar3-week-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time month"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar4/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar4" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar4
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="date time event invite"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar4-event/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar4-event" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar4-event
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar4-range/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar4-range" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar4-range
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dates timeline duration week"
                data-categories="date and time"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/calendar4-week/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#calendar4-week" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    calendar4-week
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="photos photography"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/camera/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#camera" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    camera
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="photos photography"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/camera2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#camera2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    camera2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="photos photography"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/camera-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#camera-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    camera-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="av video film"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/camera-reels/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#camera-reels" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    camera-reels
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="av video film"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/camera-reels-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#camera-reels-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    camera-reels-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="av video film"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/camera-video/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#camera-video" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    camera-video
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="av video film"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/camera-video-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#camera-video-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    camera-video-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="av video film"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/camera-video-off/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#camera-video-off" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    camera-video-off
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="av video film"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/camera-video-off-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#camera-video-off-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    camera-video-off-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/capslock/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#capslock" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    capslock
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/capslock-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#capslock-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    capslock-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="rx pills capsules medicine"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/capsule/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#capsule" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    capsule
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="rx pills capsules medicine"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/capsule-pill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#capsule-pill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    capsule-pill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="automobile automotive auto sedan drive driving"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/car-front/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#car-front" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    car-front
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="automobile automotive auto sedan drive driving"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/car-front-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#car-front-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    car-front-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="note card notecard"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/card-checklist/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#card-checklist" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    card-checklist
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="note card notecard"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/card-heading/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#card-heading" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    card-heading
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="note card notecard"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/card-image/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#card-image" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    card-image
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="note card notecard"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/card-list/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#card-list" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    card-list
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="note card notecard letter"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/card-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#card-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    card-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-down-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-down-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-down-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-down-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-down-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-down-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-down-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-down-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-down-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-left-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-left-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-left-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-left-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-left-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-left-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-left-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-left-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-left-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-right-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-right-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-right-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-right-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-right-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-right-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-right-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-right-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-right-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-up-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-up-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-up-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-up-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-up-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-up-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="caret arrow triangle"
                data-categories="carets"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/caret-up-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#caret-up-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    caret-up-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart-dash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart-dash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart-dash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart-dash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart-dash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart-dash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shopping checkout check cart basket bag"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cart4/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cart4" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cart4
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money bills funds wallet currency"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance banking currency"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cash-coin/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cash-coin" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cash-coin
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money bills funds wallet currency"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cash-stack/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cash-stack" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cash-stack
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tape music audio"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cassette/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cassette" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cassette
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tape music audio"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cassette-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cassette-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cassette-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="airplay project stream display"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cast/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cast" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cast
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="creative commons"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cc-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cc-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cc-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="creative commons"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cc-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cc-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cc-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="creative commons"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cc-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cc-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cc-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="creative commons"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cc-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cc-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cc-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message typing"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-dots/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-dots" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-dots
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message typing"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-dots-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-dots-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-dots-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message valentine romance"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message valentine romance"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message typing"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left-dots/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left-dots" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left-dots
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message typing"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left-dots-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left-dots-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left-dots-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message valentine romance"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message valentine romance"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message quote"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left-quote/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left-quote" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left-quote
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message quote"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left-quote-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left-quote-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left-quote-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-left-text-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-left-text-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-left-text-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message quote"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-quote/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-quote" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-quote
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message quote"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-quote-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-quote-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-quote-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message typing"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right-dots/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right-dots" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right-dots
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message typing"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right-dots-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right-dots-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right-dots-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message valentine romance"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message valentine romance"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message quote"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right-quote/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right-quote" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right-quote
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message quote"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right-quote-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right-quote-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right-quote-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-right-text-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-right-text-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-right-text-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message typing"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square-dots/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square-dots" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square-dots
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message typing"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square-dots-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square-dots-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square-dots-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message valentine romance"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message valentine romance"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message quote"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square-quote/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square-quote" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square-quote
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message quote"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square-quote-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square-quote-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square-quote-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-square-text-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-square-text-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-square-text-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chat bubble text message"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chat-text-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chat-text-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chat-text-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark confirm done"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark todo done select"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check-all/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check-all" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check-all
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark confirm done"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark confirm done"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark confirm done"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check-lg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check-lg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check-lg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark confirm done"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark confirm done"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark todo select done checkbox"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark todo select done checkbox"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check2-all/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check2-all" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check2-all
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark todo select done checkbox"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check2-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check2-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check2-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark todo select done checkbox"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/check2-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#check2-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    check2-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-bar-contract/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-bar-contract" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-bar-contract
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-bar-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-bar-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-bar-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-bar-expand/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-bar-expand" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-bar-expand
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-bar-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-bar-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-bar-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-bar-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-bar-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-bar-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-bar-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-bar-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-bar-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-compact-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-compact-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-compact-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-compact-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-compact-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-compact-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-compact-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-compact-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-compact-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-compact-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-compact-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-compact-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-contract/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-contract" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-contract
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-double-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-double-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-double-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-double-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-double-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-double-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-double-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-double-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-double-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-double-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-double-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-double-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-down
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="null" data-categories="null">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-expand/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-expand" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-expand
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chevron"
                data-categories="chevrons"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/chevron-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#chevron-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    chevron-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/circle-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#circle-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    circle-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape stop ban false"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/slash-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#slash-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    slash-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graphics vector merge layers"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/circle-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#circle-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    circle-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste data analytics graph chart"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-data/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-data" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-data
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste data analytics graph chart"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-data-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-data-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-data-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-pulse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-pulse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-pulse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste data analytics graph chart"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-data/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-data" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-data
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste data analytics graph chart"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-data-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-data-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-data-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste heartrate"
                data-categories="real world medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-pulse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-pulse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-pulse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste heartrate"
                data-categories="real world medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-pulse-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-pulse-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-pulse-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="copy paste"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clipboard2-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clipboard2-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clipboard2-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="time"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clock/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clock" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clock
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="time"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clock-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clock-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clock-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="time history"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clock-history/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clock-history" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clock-history
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="weather"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="download"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-arrow-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-arrow-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-arrow-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="download"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-arrow-down-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-arrow-down-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-arrow-down-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="upload"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-arrow-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-arrow-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-arrow-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="upload"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-arrow-up-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-arrow-up-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-arrow-up-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkmark"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow save"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-download/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-download" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-download
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow save"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-download-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-download-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-download-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="storm rain"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-drizzle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-drizzle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-drizzle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="storm rain"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-drizzle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-drizzle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-drizzle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="weather"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="foggy"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-fog/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-fog" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-fog
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="foggy"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-fog-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-fog-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-fog-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="foggy"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-fog2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-fog2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-fog2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="foggy"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-fog2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-fog2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-fog2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-hail/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-hail" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-hail
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-hail-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-hail-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-hail-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="smog"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-haze/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-haze" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-haze
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="smog"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-haze-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-haze-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-haze-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="smog"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-haze2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-haze2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-haze2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="smog"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-haze2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-haze2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-haze2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="thunder storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-lightning/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-lightning" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-lightning
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="thunder storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-lightning-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-lightning-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-lightning-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="thunder storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-lightning-rain/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-lightning-rain" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-lightning-rain
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="thunder storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-lightning-rain-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-lightning-rain-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-lightning-rain-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="subtract"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="subtract"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloudy overcast"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-moon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-moon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-moon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloudy overcast"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-moon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-moon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-moon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new upload"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new upload"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud rainstorm storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-rain/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-rain" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-rain
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud rainstorm storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-rain-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-rain-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-rain-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud rainstorm storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-rain-heavy/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-rain-heavy" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-rain-heavy
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud rainstorm storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-rain-heavy-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-rain-heavy-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-rain-heavy-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-slash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-slash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-slash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-slash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-slash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-slash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud blizzard flurries"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-sleet/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-sleet" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-sleet
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud blizzard flurries"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-sleet-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-sleet-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-sleet-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud blizzard flurries"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-snow/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-snow" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-snow
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud blizzard flurries"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-snow-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-snow-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-snow-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloudy overcast"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-sun/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-sun" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-sun
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloudy overcast"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-sun-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-sun-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-sun-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-upload/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-upload" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-upload
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cloud"
                data-categories="clouds"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloud-upload-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloud-upload-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloud-upload-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="clouds overcast"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clouds/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clouds" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clouds
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="clouds overcast"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/clouds-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#clouds-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    clouds-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="clouds overcast"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloudy/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloudy" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloudy
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="clouds overcast"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cloudy-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cloudy-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cloudy-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/code/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#code" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    code
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/code-slash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#code-slash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    code-slash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type preformatted"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/code-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#code-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    code-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance banking currency"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/coin/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#coin" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    coin
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="library group"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/collection/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#collection" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    collection
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="library group"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/collection-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#collection-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    collection-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="library group play"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/collection-play/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#collection-play" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    collection-play
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="library group play"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/collection-play-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#collection-play-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    collection-play-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/columns/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#columns" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    columns
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/columns-gap/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#columns-gap" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    columns-gap
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key mac"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/command/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#command" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    command
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="direction map location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/compass/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#compass" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    compass
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="direction map location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/compass-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#compass-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    compass-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="construction warning safety"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cone/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cone" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cone
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="construction warning safety"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cone-striped/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cone-striped" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cone-striped
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="game gaming video-game"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/controller/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#controller" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    controller
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="processor chip computer"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cpu/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cpu" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cpu
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="processor chip computer"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cpu-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cpu-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cpu-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="debit card payment"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/credit-card/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#credit-card" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    credit-card
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="debit card payment"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/credit-card-2-back/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#credit-card-2-back" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    credit-card-2-back
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="debit card payment"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/credit-card-2-back-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#credit-card-2-back-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    credit-card-2-back-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="debit card payment"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/credit-card-2-front/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#credit-card-2-front" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    credit-card-2-front
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="debit card payment"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/credit-card-2-front-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#credit-card-2-front-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    credit-card-2-front-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="debit card payment"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/credit-card-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#credit-card-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    credit-card-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="crop"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/crop/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#crop" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    crop
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mug"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cup/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cup" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cup
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mug"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cup-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cup-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cup-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mug steam coffee tea"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cup-hot/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cup-hot" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cup-hot
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mug steam coffee tea"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cup-hot-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cup-hot-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cup-hot-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mug glass drink"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cup-straw/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cup-straw" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cup-straw
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance crypto"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/currency-bitcoin/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#currency-bitcoin" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    currency-bitcoin
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance usd"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/currency-dollar/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#currency-dollar" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    currency-dollar
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/currency-euro/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#currency-euro" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    currency-euro
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/currency-exchange/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#currency-exchange" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    currency-exchange
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/currency-pound/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#currency-pound" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    currency-pound
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/currency-rupee/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#currency-rupee" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    currency-rupee
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/currency-yen/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#currency-yen" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    currency-yen
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="pointer"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cursor/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cursor" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cursor
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="pointer"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cursor-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cursor-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cursor-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type cursor"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/cursor-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#cursor-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    cursor-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="minus"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="minus"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dash-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dash-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dash-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="minus"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dash-circle-dotted/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dash-circle-dotted" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dash-circle-dotted
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="minus"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dash-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dash-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dash-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="minus"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dash-lg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dash-lg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dash-lg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="minus"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dash-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dash-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dash-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="minus"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dash-square-dotted/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dash-square-dotted" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dash-square-dotted
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="minus"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dash-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dash-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dash-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="drive hard drive"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/device-hdd/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#device-hdd" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    device-hdd
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="drive hard drive"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/device-hdd-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#device-hdd-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    device-hdd-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="solid state drive"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/device-ssd/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#device-ssd" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    device-ssd
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="solid state drive"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/device-ssd-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#device-ssd-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    device-ssd-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="node diagram sitemap children org chart"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/diagram-2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#diagram-2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    diagram-2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="node diagram sitemap children org chart"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/diagram-2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#diagram-2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    diagram-2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="node diagram sitemap children org chart"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/diagram-3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#diagram-3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    diagram-3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="node diagram sitemap children org chart"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/diagram-3-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#diagram-3-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    diagram-3-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/diamond/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#diamond" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    diamond
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/diamond-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#diamond-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    diamond-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/diamond-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#diamond-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    diamond-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-1/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-1" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-1
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-1-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-1-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-1-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-3-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-3-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-3-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-4/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-4" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-4
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-4-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-4-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-4-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-5/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-5" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-5
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-5-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-5-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-5-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-6/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-6" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-6
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dice die games gaming gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dice-6-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dice-6-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dice-6-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cd compact disc bluray dvd"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/disc/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#disc" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    disc
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cd compact disc bluray dvd"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/disc-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#disc-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    disc-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social chat"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/discord/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#discord" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    discord
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="monitor external"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/display/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#display" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    display
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="monitor external"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/display-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#display-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    display-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/displayport/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#displayport" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    displayport
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/displayport-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#displayport-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    displayport-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="space align"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/distribute-horizontal/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#distribute-horizontal" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    distribute-horizontal
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="space align"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/distribute-vertical/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#distribute-vertical" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    distribute-vertical
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="door logout signout"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/door-closed/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#door-closed" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    door-closed
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="door logout signout"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/door-closed-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#door-closed-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    door-closed-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="door login signin"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/door-open/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#door-open" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    door-open
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="door login signin"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/door-open-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#door-open-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    door-open-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="middot"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dot/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dot" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dot
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow network save"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/download/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#download" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    download
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gaming controller direction"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dpad/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dpad" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dpad
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gaming controller direction"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dpad-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dpad-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dpad-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dribbble/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dribbble" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dribbble
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dropbox"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/dropbox/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#dropbox" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    dropbox
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="water-drop paint ink liquid"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/droplet/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#droplet" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    droplet
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="water-drop paint ink liquid"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/droplet-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#droplet-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    droplet-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="water-drop paint ink liquid"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/droplet-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#droplet-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    droplet-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hearing sound listen"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ear/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ear" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ear
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hearing sound listen"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ear-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ear-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ear-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="headphones"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/earbuds/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#earbuds" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    earbuds
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="paint draw art present"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/easel/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#easel" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    easel
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="paint draw art present"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/easel-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#easel-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    easel-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="paint draw art present"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/easel2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#easel2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    easel2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="paint draw art present"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/easel2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#easel2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    easel2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="paint draw art present"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/easel3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#easel3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    easel3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="paint draw art present"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/easel3-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#easel3-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    easel3-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="food"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/egg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#egg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    egg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="food"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/egg-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#egg-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    egg-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="food"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/egg-fried/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#egg-fried" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    egg-fried
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="disc cd dvd"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eject/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eject" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eject
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="disc cd dvd"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eject-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eject-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eject-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon anger upset"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-angry/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-angry" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-angry
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon anger upset"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-angry-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-angry-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-angry-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-dizzy/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-dizzy" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-dizzy
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-dizzy-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-dizzy-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-dizzy-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon neutral unphased"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-expressionless/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-expressionless" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-expressionless
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon neutral unphased"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-expressionless-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-expressionless-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-expressionless-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon sad"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-frown/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-frown" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-frown
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon sad"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-frown-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-frown-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-frown-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon heart love"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-heart-eyes/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-heart-eyes" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-heart-eyes
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon heart love"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-heart-eyes-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-heart-eyes-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-heart-eyes-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon heart love"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-kiss/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-kiss" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-kiss
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon heart love"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-kiss-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-kiss-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-kiss-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon happy"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-laughing/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-laughing" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-laughing
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon happy"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-laughing-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-laughing-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-laughing-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon expressionless"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-neutral/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-neutral" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-neutral
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon expressionless"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-neutral-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-neutral-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-neutral-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon happy"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-smile/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-smile" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-smile
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon happy"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-smile-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-smile-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-smile-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon sarcasm"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-smile-upside-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-smile-upside-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-smile-upside-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon sarcasm"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-smile-upside-down-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-smile-upside-down-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-smile-upside-down-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon cool"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-sunglasses/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-sunglasses" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-sunglasses
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon cool"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-sunglasses-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-sunglasses-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-sunglasses-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-wink/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-wink" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-wink
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="emoticon"
                data-categories="emoji"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/emoji-wink-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#emoji-wink-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    emoji-wink-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-dash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-dash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-dash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-dash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-dash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-dash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-exclamation/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-exclamation" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-exclamation
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-exclamation-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-exclamation-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-exclamation-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter love valentine romance"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter love valentine romance"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-open/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-open" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-open
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-open-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-open-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-open-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter love valentine romance"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-open-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-open-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-open-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter love valentine romance"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-open-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-open-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-open-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-paper/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-paper" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-paper
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-paper-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-paper-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-paper-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter love valentine romance"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-paper-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-paper-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-paper-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter love valentine romance"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-paper-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-paper-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-paper-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-slash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-slash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-slash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-slash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-slash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-slash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="email message mail letter"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/envelope-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#envelope-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    envelope-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="erase remove"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eraser/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eraser" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eraser
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="erase remove"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eraser-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eraser-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eraser-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="esc quit exit"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/escape/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#escape" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    escape
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="internet connection port plug"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ethernet/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ethernet" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ethernet
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="charging electric vehicle"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ev-station/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ev-station" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ev-station
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="charging electric vehicle"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ev-station-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ev-station-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ev-station-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-diamond/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-diamond" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-diamond
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-diamond-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-diamond-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-diamond-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-lg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-lg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-lg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-octagon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-octagon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-octagon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-octagon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-octagon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-octagon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-triangle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-triangle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-triangle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="alert warning"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclamation-triangle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclamation-triangle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclamation-triangle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graphics vector merge layers"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/exclude/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#exclude" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    exclude
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="badges"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/explicit/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#explicit" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    explicit
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="badges"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/explicit-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#explicit-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    explicit-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="eyeball look see"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eye/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eye" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eye
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="eyeball look see"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eye-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eye-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eye-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="eyeball look see"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eye-slash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eye-slash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eye-slash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="eyeball look see"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eye-slash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eye-slash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eye-slash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="color picker"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eyedropper/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eyedropper" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eyedropper
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="eyeball look see glasses reading"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/eyeglasses/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#eyeglasses" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    eyeglasses
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/facebook/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#facebook" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    facebook
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="fan vent airflow"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fan/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fan" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fan
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fast-forward/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fast-forward" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fast-forward
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fast-forward-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fast-forward-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fast-forward-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fast-forward-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fast-forward-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fast-forward-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fast-forward-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fast-forward-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fast-forward-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fast-forward-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fast-forward-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fast-forward-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fast-forward-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fast-forward-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fast-forward-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document download"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-arrow-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-arrow-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-arrow-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document download"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-arrow-down-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-arrow-down-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-arrow-down-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document upload"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-arrow-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-arrow-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-arrow-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document upload"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-arrow-up-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-arrow-up-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-arrow-up-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document data chart"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-bar-graph/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-bar-graph" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-bar-graph
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document data chart"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-bar-graph-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-bar-graph-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-bar-graph-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document binary source"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-binary/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-binary" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-binary
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document binary source"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-binary-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-binary-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-binary-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document page-break"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-break/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-break" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-break
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document page-break"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-break-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-break-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-break-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document check verified"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document check verified"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document code development"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-code/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-code" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-code
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document code development"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-code-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-code-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-code-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document version development"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-diff/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-diff" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-diff
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document version development"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-diff-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-diff-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-diff-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document download"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-arrow-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-arrow-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-arrow-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document download"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-arrow-down-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-arrow-down-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-arrow-down-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document upload"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-arrow-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-arrow-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-arrow-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document upload"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-arrow-up-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-arrow-up-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-arrow-up-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document data chart"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-bar-graph/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-bar-graph" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-bar-graph
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document data chart"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-bar-graph-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-bar-graph-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-bar-graph-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document binary source"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-binary/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-binary" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-binary
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document binary source"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-binary-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-binary-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-binary-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document page-break"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-break/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-break" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-break
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document page-break"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-break-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-break-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-break-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document check verified"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document check verified"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document code development"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-code/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-code" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-code
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document code development"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-code-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-code-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-code-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document version development"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-diff/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-diff" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-diff
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document version development"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-diff-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-diff-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-diff-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="slides presentation powerpoint keynote"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-easel/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-easel" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-easel
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="slides presentation powerpoint keynote"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-easel-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-easel-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-easel-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document spreadsheet excel table"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-excel/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-excel" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-excel
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document spreadsheet excel table"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-excel-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-excel-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-excel-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="ttf otf"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-font/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-font" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-font
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="ttf otf"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-font-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-font-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-font-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="photo picture"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-image/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-image" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-image
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="photo picture"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-image-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-image-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-image-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock private secure"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-lock/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-lock" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-lock
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock private secure"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-lock-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-lock-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-lock-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock private secure"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-lock2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-lock2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-lock2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock private secure"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-lock2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-lock2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-lock2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document medical hospital health"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-medical/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-medical" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-medical
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document medical hospital health"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-medical-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-medical-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-medical-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document delete remove"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document delete remove"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document music audio playlist songs"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-music/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-music" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-music
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document music audio playlist songs"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-music-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-music-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-music-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document adobe acrobat"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-pdf/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-pdf" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-pdf
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document adobe acrobat"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-pdf-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-pdf-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-pdf-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document personal cv resume about"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-person/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-person" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-person
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document personal cv resume about"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-person-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-person-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-person-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video present"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-play/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-play" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-play
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video present"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-play-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-play-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-play-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document add new"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document add new"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document post"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-post/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-post" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-post
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document post"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-post-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-post-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-post-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="slides presentation powerpoint keynote"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-ppt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-ppt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-ppt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="slides presentation powerpoint keynote"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-ppt-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-ppt-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-ppt-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-richtext/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-richtext" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-richtext
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-richtext-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-richtext-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-richtext-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-ruled/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-ruled" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-ruled
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-ruled-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-ruled-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-ruled-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="presentation keynote powerpoint"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-slides/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-slides" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-slides
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="presentation keynote powerpoint"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-slides-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-slides-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-slides-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document excel table"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-spreadsheet/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-spreadsheet" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-spreadsheet
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document excel table"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-spreadsheet-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-spreadsheet-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-spreadsheet-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-text-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-text-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-text-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-word/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-word" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-word
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-word-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-word-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-word-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="document remove delete"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="document remove delete"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document zip archive compress"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-zip/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-zip" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-zip
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document zip archive compress"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-earmark-zip-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-earmark-zip-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-earmark-zip-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="slides presentation powerpoint keynote"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-easel/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-easel" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-easel
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="slides presentation powerpoint keynote"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-easel-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-easel-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-easel-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document spreadsheet excel table"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-excel/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-excel" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-excel
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document spreadsheet excel table"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-excel-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-excel-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-excel-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="ttf otf"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-font/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-font" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-font
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="ttf otf"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-font-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-font-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-font-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="photo picture"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-image/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-image" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-image
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="photo picture"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-image-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-image-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-image-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock private secure"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-lock/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-lock" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-lock
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock private secure"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-lock-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-lock-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-lock-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock private secure"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-lock2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-lock2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-lock2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock private secure"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-lock2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-lock2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-lock2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document medical hospital health"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-medical/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-medical" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-medical
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document medical hospital health"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-medical-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-medical-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-medical-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document delete remove"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document delete remove"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document music audio playlist songs"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-music/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-music" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-music
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document music audio playlist songs"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-music-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-music-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-music-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document adobe acrobat"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-pdf/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-pdf" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-pdf
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document adobe acrobat"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-pdf-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-pdf-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-pdf-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document personal cv resume about"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-person/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-person" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-person
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document personal cv resume about"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-person-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-person-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-person-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video present"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-play/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-play" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-play
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video present"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-play-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-play-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-play-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document add new"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document add new"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document post"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-post/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-post" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-post
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document post"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-post-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-post-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-post-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="slides presentation powerpoint keynote"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-ppt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-ppt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-ppt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="slides presentation powerpoint keynote"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-ppt-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-ppt-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-ppt-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document richtext"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-richtext/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-richtext" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-richtext
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document richtext"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-richtext-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-richtext-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-richtext-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-ruled/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-ruled" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-ruled
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-ruled-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-ruled-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-ruled-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="presentation keynote powerpoint"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-slides/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-slides" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-slides
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="presentation keynote powerpoint"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-slides-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-slides-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-slides-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document excel table"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-spreadsheet/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-spreadsheet" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-spreadsheet
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document excel table"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-spreadsheet-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-spreadsheet-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-spreadsheet-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document letter"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document letter"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-text-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-text-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-text-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-word/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-word" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-word
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-word-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-word-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-word-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="document remove delete"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="document remove delete"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document zip archive compress"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-zip/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-zip" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-zip
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document zip archive compress"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/file-zip-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#file-zip-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    file-zip-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/files/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#files" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    files
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="doc document"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/files-alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#files-alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    files-alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-aac/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-aac" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-aac
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-ai/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-ai" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-ai
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-bmp/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-bmp" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-bmp
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-cs/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-cs" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-cs
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code stylesheet"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-css/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-css" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-css
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-csv/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-csv" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-csv
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-doc/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-doc" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-doc
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-docx/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-docx" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-docx
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-exe/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-exe" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-exe
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-gif/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-gif" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-gif
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-heic/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-heic" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-heic
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code html"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-html/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-html" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-html
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code java"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-java/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-java" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-java
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-jpg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-jpg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-jpg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code javascript"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-js/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-js" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-js
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code javascript"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-json/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-json" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-json
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code javascript react"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-jsx/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-jsx" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-jsx
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension keynote"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-key/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-key" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-key
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-m4p/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-m4p" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-m4p
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code markdown"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-md/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-md" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-md
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-mdx/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-mdx" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-mdx
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-mov/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-mov" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-mov
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-mp3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-mp3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-mp3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-mp4/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-mp4" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-mp4
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension font type"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-otf/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-otf" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-otf
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-pdf/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-pdf" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-pdf
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-php/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-php" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-php
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-png/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-png" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-png
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="null" data-categories="null">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-ppt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-ppt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-ppt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-pptx/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-pptx" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-pptx
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-psd/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-psd" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-psd
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code python"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-py/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-py" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-py
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-raw/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-raw" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-raw
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code ruby"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-rb/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-rb" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-rb
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code css stylesheet"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-sass/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-sass" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-sass
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code css stylesheet"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-scss/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-scss" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-scss
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code shell"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-sh/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-sh" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-sh
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension mysql"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-sql/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-sql" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-sql
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-svg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-svg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-svg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-tiff/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-tiff" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-tiff
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code typescript"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-tsx/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-tsx" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-tsx
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension font type"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-ttf/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-ttf" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-ttf
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-txt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-txt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-txt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-wav/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-wav" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-wav
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension font type"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-woff/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-woff" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-woff
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="null" data-categories="null">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-xls/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-xls" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-xls
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-xlsx/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-xlsx" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-xlsx
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-xml/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-xml" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-xml
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file file type extension code yaml"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filetype-yml/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filetype-yml" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filetype-yml
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video movie"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/film/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#film" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    film
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filter/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filter" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filter
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filter-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filter-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filter-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filter-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filter-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filter-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filter-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filter-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filter-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filter-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filter-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filter-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filter-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filter-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filter-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/filter-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#filter-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    filter-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="touch ID secure biometric"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fingerprint/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fingerprint" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fingerprint
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="burning smoke"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fire/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fire" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fire
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="report"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/flag/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#flag" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    flag
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="report"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/flag-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#flag-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    flag-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="plant bloom flower"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/flower1/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#flower1" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    flower1
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="plant bloom flower"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/flower2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#flower2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    flower2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="plant bloom flower"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/flower3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#flower3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    flower3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory check verified"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory delete remove"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory delete add new"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory symbolic-link"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder-symlink/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder-symlink" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder-symlink
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory symbolic-link"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder-symlink-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder-symlink-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder-symlink-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory remove delete"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="directory"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/folder2-open/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#folder2-open" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    folder2-open
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fonts/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fonts" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fonts
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/forward/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#forward" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    forward
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/forward-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#forward-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    forward-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="forward layer"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/front/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#front" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    front
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gas petrol fuel gas station"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fuel-pump/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fuel-pump" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fuel-pump
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gas petrol fuel gas station"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fuel-pump-diesel/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fuel-pump-diesel" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fuel-pump-diesel
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gas petrol fuel gas station"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fuel-pump-diesel-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fuel-pump-diesel-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fuel-pump-diesel-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gas petrol fuel gas station"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fuel-pump-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fuel-pump-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fuel-pump-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="window maximize"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fullscreen/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fullscreen" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fullscreen
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="window minimize"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/fullscreen-exit/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#fullscreen-exit" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    fullscreen-exit
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/funnel/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#funnel" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    funnel
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/funnel-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#funnel-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    funnel-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tool settings preferences"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gear/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gear" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gear
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tool settings preferences"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gear-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gear-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gear-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tool settings preferences"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gear-wide/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gear-wide" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gear-wide
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tool settings preferences"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gear-wide-connected/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gear-wide-connected" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gear-wide-connected
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape diamond"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gem/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gem" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gem
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gender identity"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gender-ambiguous/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gender-ambiguous" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gender-ambiguous
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gender identity"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gender-female/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gender-female" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gender-female
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gender identity"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gender-male/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gender-male" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gender-male
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gender identity"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gender-trans/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gender-trans" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gender-trans
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="geography map pin location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/geo/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#geo" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    geo
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="geography map pin location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/geo-alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#geo-alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    geo-alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="geography map pin location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/geo-alt-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#geo-alt-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    geo-alt-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="geography map pin location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/geo-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#geo-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    geo-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="present gift"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gift/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gift" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gift
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="present gift"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gift-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gift-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gift-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="version control vcs github version"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/git/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#git" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    git
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social microsoft"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/github/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#github" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    github
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="world translate global international"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/globe/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#globe" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    globe
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="world translate global international"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/globe2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#globe2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    globe2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social search"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/google/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#google" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    google
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="app store apps store android"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/google-play/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#google-play" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    google-play
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video output graphics"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/gpu-card/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#gpu-card" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    gpu-card
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/graph-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#graph-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    graph-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/graph-down-arrow/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#graph-down-arrow" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    graph-down-arrow
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/graph-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#graph-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    graph-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/graph-up-arrow/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#graph-up-arrow" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    graph-up-arrow
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid-1x2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid-1x2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid-1x2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid-1x2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid-1x2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid-1x2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid-3x2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid-3x2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid-3x2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid-3x2-gap/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid-3x2-gap" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid-3x2-gap
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid-3x2-gap-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid-3x2-gap-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid-3x2-gap-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid-3x3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid-3x3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid-3x3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid-3x3-gap/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid-3x3-gap" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid-3x3-gap
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid-3x3-gap-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid-3x3-gap-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid-3x3-gap-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grid-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grid-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grid-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="drag grab"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grip-horizontal/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grip-horizontal" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grip-horizontal
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="drag grab"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/grip-vertical/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#grip-vertical" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    grip-vertical
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hospital helicopter"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/h-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#h-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    h-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hospital helicopter"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/h-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#h-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    h-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hospital helicopter"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/h-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#h-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    h-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hospital helicopter"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/h-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#h-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    h-square-fill
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="tool" data-categories="tools">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hammer/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hammer" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hammer
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hand pointer cursor"
                data-categories="hands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hand-index/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hand-index" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hand-index
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hand pointer cursor"
                data-categories="hands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hand-index-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hand-index-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hand-index-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hand pointer cursor"
                data-categories="hands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hand-index-thumb/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hand-index-thumb" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hand-index-thumb
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hand pointer cursor"
                data-categories="hands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hand-index-thumb-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hand-index-thumb-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hand-index-thumb-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hand pointer thumbs-down -1"
                data-categories="hands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hand-thumbs-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hand-thumbs-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hand-thumbs-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hand pointer thumbs-down -1"
                data-categories="hands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hand-thumbs-down-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hand-thumbs-down-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hand-thumbs-down-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hand pointer thumbs-up +1"
                data-categories="hands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hand-thumbs-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hand-thumbs-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hand-thumbs-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hand pointer thumbs-up +1"
                data-categories="hands"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hand-thumbs-up-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hand-thumbs-up-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hand-thumbs-up-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="purse tote"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/handbag/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#handbag" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    handbag
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="purse tote"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/handbag-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#handbag-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    handbag-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hard drive hard disk ssd drive server"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdd/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdd" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdd
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hard drive hard disk ssd drive server"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdd-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdd-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdd-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hard drive hard disk ssd drive server"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdd-network/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdd-network" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdd-network
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hard drive hard disk ssd drive server"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdd-network-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdd-network-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdd-network-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hard drive hard disk ssd drive server"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdd-rack/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdd-rack" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdd-rack
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hard drive hard disk ssd drive server"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdd-rack-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdd-rack-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdd-rack-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hard drive hard disk ssd drive server"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdd-stack/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdd-stack" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdd-stack
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hard drive hard disk ssd drive server"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdd-stack-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdd-stack-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdd-stack-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdmi/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdmi" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdmi
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="video input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hdmi-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hdmi-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hdmi-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="headphones"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/headphones/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#headphones" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    headphones
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="headphones microphone"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/headset/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#headset" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    headset
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="virual reality oculus hololens"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/headset-vr/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#headset-vr" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    headset-vr
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="love favorite"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="romance cupid valentine"
                data-categories="love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heart-arrow/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heart-arrow" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heart-arrow
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="love favorite"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="love favorite"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heart-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heart-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heart-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="heartbeat"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heart-pulse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heart-pulse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heart-pulse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="heartbeat"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heart-pulse-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heart-pulse-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heart-pulse-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="love valentine romance"
                data-categories="emoji love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heartbreak/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heartbreak" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heartbreak
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="love valentine romance"
                data-categories="emoji love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heartbreak-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heartbreak-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heartbreak-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="romance valentine"
                data-categories="love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hearts/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hearts" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hearts
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heptagon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heptagon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heptagon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heptagon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heptagon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heptagon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/heptagon-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#heptagon-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    heptagon-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hexagon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hexagon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hexagon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hexagon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hexagon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hexagon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hexagon-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hexagon-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hexagon-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="health emergency room"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hospital/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hospital" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hospital
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="health emergency room"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hospital-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hospital-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hospital-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="time history wait sand clock"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hourglass/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hourglass" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hourglass
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="time history wait sand clock"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hourglass-bottom/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hourglass-bottom" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hourglass-bottom
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="time history wait sand clock"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hourglass-split/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hourglass-split" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hourglass-split
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="time history wait sand clock"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hourglass-top/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hourglass-top" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hourglass-top
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="home"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/house/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#house" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    house
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="home"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/house-door/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#house-door" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    house-door
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="home"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/house-door-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#house-door-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    house-door-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="home"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/house-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#house-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    house-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="home love romance"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/house-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#house-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    house-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="home love romance"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/house-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#house-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    house-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="divider horizonal-rule"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hr/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hr" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hr
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="storm"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hurricane/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hurricane" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hurricane
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hypnosis sleepy"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/hypnotize/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#hypnotize" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    hypnotize
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="picture photo"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/image/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#image" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    image
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="picture photo"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/image-alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#image-alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    image-alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="picture photo"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/image-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#image-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    image-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="picture photo"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/images/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#images" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    images
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email letter tray"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/inbox/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#inbox" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    inbox
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email letter tray"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/inbox-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#inbox-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    inbox-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email letter tray"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/inboxes-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#inboxes-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    inboxes-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email letter tray"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/inboxes/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#inboxes" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    inboxes
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="private investigator secret"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/incognito/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#incognito" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    incognito
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tab indent"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/indent/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#indent" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    indent
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="math infinite"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/infinity/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#infinity" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    infinity
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="information help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/info/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#info" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    info
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="information help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/info-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#info-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    info-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="information help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/info-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#info-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    info-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="information help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/info-lg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#info-lg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    info-lg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="information help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/info-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#info-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    info-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="information help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/info-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#info-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    info-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="textarea form input"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/input-cursor/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#input-cursor" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    input-cursor
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="textarea form input"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/input-cursor-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#input-cursor-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    input-cursor-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social chat"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/instagram/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#instagram" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    instagram
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graphics vector merge layers"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/intersect/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#intersect" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    intersect
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-album/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-album" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-album
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-arrow-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-arrow-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-arrow-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-arrow-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-arrow-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-arrow-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-bookmark/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-bookmark" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-bookmark
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-bookmark-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-bookmark-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-bookmark-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-code/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-code" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-code
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-medical/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-medical" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-medical
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-richtext/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-richtext" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-richtext
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-text/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-text" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-text
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook remove delete"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journal-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journal-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journal-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="file folder journal notebook"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/journals/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#journals" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    journals
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gaming game video games"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/joystick/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#joystick" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    joystick
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/justify/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#justify" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    justify
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/justify-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#justify-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    justify-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/justify-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#justify-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    justify-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="board project-management"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/kanban/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#kanban" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    kanban
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="board project-management"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/kanban-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#kanban-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    kanban-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock secure"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/key/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#key" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    key
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lock secure"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/key-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#key-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    key-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="keyboard keys typing"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/keyboard/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#keyboard" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    keyboard
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="keyboard keys typing"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/keyboard-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#keyboard-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    keyboard-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="climb ladder"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ladder/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ladder" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ladder
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="light lamp"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lamp/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lamp" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lamp
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="light lamp"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lamp-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lamp-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lamp-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="computer"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/laptop/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#laptop" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    laptop
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="computer"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/laptop-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#laptop-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    laptop-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrange layers back"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layer-backward/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layer-backward" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layer-backward
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrange layers front"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layer-forward/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layer-forward" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layer-forward
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="perspective stacked"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layers/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layers" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layers
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="perspective stacked"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layers-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layers-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layers-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="perspective stacked"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layers-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layers-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layers-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout sidebar"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-sidebar/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-sidebar" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-sidebar
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="layout columns"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-sidebar-inset-reverse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-sidebar-inset-reverse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-sidebar-inset-reverse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="layout columns"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-sidebar-inset/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-sidebar-inset" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-sidebar-inset
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout sidebar"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-sidebar-reverse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-sidebar-reverse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-sidebar-reverse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="grid layout sidebar"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-split/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-split" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-split
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="layout columns"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-text-sidebar/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-text-sidebar" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-text-sidebar
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="layout columns"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-text-sidebar-reverse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-text-sidebar-reverse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-text-sidebar-reverse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="layout columns"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-text-window/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-text-window" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-text-window
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="layout columns"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-text-window-reverse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-text-window-reverse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-text-window-reverse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="layout columns"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-three-columns/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-three-columns" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-three-columns
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="layout broken"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/layout-wtf/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#layout-wtf" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    layout-wtf
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lifesaver water"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/life-preserver/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#life-preserver" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    life-preserver
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lights lamp"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lightbulb/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lightbulb" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lightbulb
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lights lamp"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lightbulb-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lightbulb-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lightbulb-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lights lamp"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lightbulb-off/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lightbulb-off" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lightbulb-off
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lights lamp"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lightbulb-off-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lightbulb-off-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lightbulb-off-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="storm thunder bolt"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lightning/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lightning" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lightning
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="weather storm thunder bolt"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lightning-charge/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lightning-charge" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lightning-charge
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="weather storm thunder bolt"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lightning-charge-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lightning-charge-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lightning-charge-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="storm thunder bolt"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lightning-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lightning-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lightning-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/line/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#line" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    line
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="anchor hyperlink href"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/link/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#link" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    link
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="anchor hyperlink href"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/link-45deg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#link-45deg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    link-45deg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social microsoft"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/linkedin/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#linkedin" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    linkedin
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment menu hamburger"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/list/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#list" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    list
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment checklist done"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/list-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#list-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    list-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/list-columns/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#list-columns" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    list-columns
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/list-columns-reverse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#list-columns-reverse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    list-columns-reverse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type alignment children"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/list-nested/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#list-nested" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    list-nested
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment ordered-list numbered-list numbered"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/list-ol/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#list-ol" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    list-ol
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type starred"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/list-stars/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#list-stars" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    list-stars
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment todos task"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/list-task/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#list-task" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    list-task
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment unordered-list"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/list-ul/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#list-ul" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    list-ul
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lock/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lock" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lock
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lock-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lock-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lock-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="medicine health breathing"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lungs/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lungs" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lungs
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="medicine health breathing"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/lungs-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#lungs-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    lungs-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="magic stick"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/magic/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#magic" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    magic
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="magnetic"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/magnet/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#magnet" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    magnet
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="magnetic"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/magnet-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#magnet-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    magnet-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="post postal postbox letterbox"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mailbox/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mailbox" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mailbox
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="post postal postbox letterbox"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mailbox2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mailbox2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mailbox2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="geography directions location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/map/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#map" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    map
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="geography directions location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/map-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#map-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    map-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="markdown md content writing"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/markdown/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#markdown" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    markdown
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="markdown md content writing"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/markdown-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#markdown-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    markdown-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mask"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mask/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mask" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mask
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mastodon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mastodon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mastodon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/medium/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#medium" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    medium
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="loudspeaker announcement"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/megaphone/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#megaphone" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    megaphone
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="loudspeaker announcement"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/megaphone-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#megaphone-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    megaphone-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="ram"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/memory/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#memory" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    memory
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dropdown menu context app ui"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/menu-app/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#menu-app" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    menu-app
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dropdown menu context app ui"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/menu-app-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#menu-app-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    menu-app-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dropdown menu context app ui"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/menu-button/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#menu-button" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    menu-button
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dropdown menu context app ui"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/menu-button-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#menu-button-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    menu-button-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dropdown menu context app ui"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/menu-button-wide/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#menu-button-wide" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    menu-button-wide
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dropdown menu context app ui"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/menu-button-wide-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#menu-button-wide-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    menu-button-wide-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dropdown menu context app ui"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/menu-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#menu-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    menu-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dropdown menu context app ui"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/menu-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#menu-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    menu-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social facebook chat"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/messenger/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#messenger" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    messenger
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="facebook fb"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/meta/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#meta" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    meta
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound input microphone"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mic/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mic" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mic
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound input microphone"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mic-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mic-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mic-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound input microphone"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mic-mute/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mic-mute" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mic-mute
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound input microphone"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mic-mute-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mic-mute-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mic-mute-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="msft windows"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/microsoft/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#microsoft" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    microsoft
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social messaging"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/microsoft-teams/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#microsoft-teams" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    microsoft-teams
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mining cart"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/minecart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#minecart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    minecart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mining cart"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/minecart-loaded/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#minecart-loaded" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    minecart-loaded
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="internet cable"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/modem/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#modem" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    modem
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="internet cable"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/modem-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#modem-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    modem-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="water droplets"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/moisture/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#moisture" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    moisture
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="lunar weather night"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/moon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#moon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    moon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="night sky"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/moon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#moon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    moon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="night sky"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/moon-stars/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#moon-stars" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    moon-stars
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="night sky"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/moon-stars-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#moon-stars-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    moon-stars-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graduation cap"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mortarboard/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mortarboard" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mortarboard
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graduation cap"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mortarboard-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mortarboard-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mortarboard-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobo computer hardware"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/motherboard/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#motherboard" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    motherboard
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobo computer hardware"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/motherboard-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#motherboard-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    motherboard-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mice input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mouse/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mouse" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mouse
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mice input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mouse-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mouse-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mouse-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mice input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mouse2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mouse2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mouse2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mice input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mouse2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mouse2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mouse2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mice input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mouse3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mouse3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mouse3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mice input"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/mouse3-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#mouse3-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    mouse3-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="music notes audio sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/music-note/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#music-note" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    music-note
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="music notes audio sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/music-note-beamed/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#music-note-beamed" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    music-note-beamed
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="music notes audio sound playlist library"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/music-note-list/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#music-note-list" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    music-note-list
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="ipod mp3"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/music-player/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#music-player" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    music-player
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="ipod mp3"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/music-player-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#music-player-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    music-player-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="news paper"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/newspaper/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#newspaper" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    newspaper
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gaming"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/nintendo-switch/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#nintendo-switch" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    nintendo-switch
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new node diagram"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/node-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#node-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    node-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new node diagram"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/node-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#node-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    node-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new node diagram"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/node-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#node-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    node-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new node diagram"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/node-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#node-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    node-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="nut bolt hexagon tools"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/nut/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#nut" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    nut
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="nut bolt hexagon tools"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/nut-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#nut-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    nut-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/octagon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#octagon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    octagon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/octagon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#octagon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    octagon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/octagon-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#octagon-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    octagon-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="port plug sound"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/optical-audio/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#optical-audio" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    optical-audio
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="port plug sound"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/optical-audio-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#optical-audio-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    optical-audio-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key mac"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/option/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#option" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    option
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="plug power"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/outlet/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#outlet" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    outlet
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="parking"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/p-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#p-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    p-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="parking"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/p-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#p-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    p-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="parking"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/p-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#p-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    p-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="parking"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/p-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#p-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    p-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="color paint fill palette"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/paint-bucket/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#paint-bucket" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    paint-bucket
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="color paint fill palette"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/palette/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#palette" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    palette
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="color paint fill palette"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/palette-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#palette-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    palette-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="color paint fill palette"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/palette2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#palette2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    palette2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="attachment"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/paperclip/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#paperclip" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    paperclip
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="paragraph text body content"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/paragraph/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#paragraph" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    paragraph
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="null" data-categories="null">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pass/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pass" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pass
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="null" data-categories="null">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pass-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pass-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pass-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="verified checkmark certified"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="verified checkmark certified"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="excited certified"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-exclamation/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-exclamation" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-exclamation
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="excited certified"
                data-categories="badges"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-exclamation-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-exclamation-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-exclamation-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="badges"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="badges"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="badges"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="badges"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="badges"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-question/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-question" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-question
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="badges"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/patch-question-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#patch-question-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    patch-question-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pause/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pause" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pause
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pause-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pause-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pause-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pause-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pause-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pause-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pause-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pause-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pause-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pause-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pause-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pause-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pause-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pause-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pause-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/paypal/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#paypal" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    paypal
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="computer workstation desktop"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pc/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pc" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pc
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="computer workstation desktop"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pc-display/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pc-display" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pc-display
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="computer workstation desktop"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pc-display-horizontal/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pc-display-horizontal" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pc-display-horizontal
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="computer workstation desktop"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pc-horizontal/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pc-horizontal" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pc-horizontal
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="card expansion"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pci-card/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pci-card" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pci-card
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="peace love"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/peace/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#peace" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    peace
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="peace love"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/peace-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#peace-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    peace-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="edit write ballpoint"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pen/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pen" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pen
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="edit write ballpoint"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pen-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pen-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pen-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="edit write"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pencil/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pencil" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pencil
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="edit write"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pencil-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pencil-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pencil-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="edit write"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pencil-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pencil-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pencil-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pentagon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pentagon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pentagon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pentagon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pentagon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pentagon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape polygon"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pentagon-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pentagon-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pentagon-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="humans organization avatar users"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/people/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#people" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    people
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="humans organization avatar user account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="humans organization avatar users"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/people-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#people-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    people-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="percentage math fraction"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/percent/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#percent" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    percent
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user badge id card account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-badge/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-badge" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-badge
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user badge id card account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-badge-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-badge-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-badge-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user crop account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-bounding-box/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-bounding-box" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-bounding-box
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user verified account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user verified account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user remove delete account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-dash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-dash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-dash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user remove delete account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-dash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-dash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-dash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user account love valentine romance"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user account love valentine romance"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-hearts/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-hearts" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-hearts
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user contact list account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-lines-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-lines-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-lines-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user new add account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user new add account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user account contact"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-rolodex/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-rolodex" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-rolodex
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user wfh"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-video/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-video" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-video
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user wfh"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-video2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-video2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-video2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user wfh"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-video3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-video3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-video3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user wfh"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-workspace/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-workspace" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-workspace
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user remove delete account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="human individual avatar user remove delete account"
                data-categories="people"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/person-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#person-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    person-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile telephone"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/phone/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#phone" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    phone
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile telephone"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/phone-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#phone-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    phone-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile telephone"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/phone-flip/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#phone-flip" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    phone-flip
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile telephone"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/phone-landscape/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#phone-landscape" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    phone-landscape
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile telephone"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/phone-landscape-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#phone-landscape-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    phone-landscape-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile telephone haptic"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/phone-vibrate/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#phone-vibrate" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    phone-vibrate
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile telephone haptic"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/phone-vibrate-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#phone-vibrate-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    phone-vibrate-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pie-chart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pie-chart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pie-chart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="chart graph analytics"
                data-categories="data"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pie-chart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pie-chart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pie-chart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance banking savings"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/piggy-bank/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#piggy-bank" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    piggy-bank
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="money finance banking savings"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/piggy-bank-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#piggy-bank-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    piggy-bank-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="pushpin thumbtack"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pin/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pin" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pin
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="pushpin thumbtack"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pin-angle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pin-angle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pin-angle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="pushpin thumbtack"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pin-angle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pin-angle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pin-angle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="pushpin thumbtack"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pin-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pin-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pin-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="geography map pin location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pin-map/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pin-map" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pin-map
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="geography map pin location"
                data-categories="geo"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pin-map-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pin-map-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pin-map-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pinterest/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pinterest" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pinterest
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="picture tv television display nested"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pip/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pip" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pip
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="picture tv television display nested"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/pip-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#pip-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    pip-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/play/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#play" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    play
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/play-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#play-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    play-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/play-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#play-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    play-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/play-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#play-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    play-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/play-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#play-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    play-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/play-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#play-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    play-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sony gaming"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/playstation/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#playstation" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    playstation
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="power outlet"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plug/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plug" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plug
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="power outlet"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plug-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plug-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plug-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="addon software"
                data-categories="ui"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plugin/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plugin" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plugin
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plus-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plus-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plus-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plus-circle-dotted/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plus-circle-dotted" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plus-circle-dotted
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plus-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plus-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plus-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plus-lg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plus-lg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plus-lg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="difference add subtract"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plus-slash-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plus-slash-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plus-slash-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plus-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plus-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plus-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plus-square-dotted/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plus-square-dotted" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plus-square-dotted
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="add new"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/plus-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#plus-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    plus-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="stamp shipping"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/postage/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#postage" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    postage
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail stamp shipping"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/postage-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#postage-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    postage-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail stamp love valentine romance"
                data-categories="real world love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/postage-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#postage-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    postage-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail stamp love valentine romance"
                data-categories="real world love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/postage-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#postage-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    postage-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail letter"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/postcard/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#postcard" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    postcard
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail letter"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/postcard-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#postcard-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    postcard-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail letter love valentine romance"
                data-categories="real world love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/postcard-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#postcard-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    postcard-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail letter love valentine romance"
                data-categories="real world love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/postcard-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#postcard-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    postcard-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="false true"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/power/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#power" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    power
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="rx pills capsules medicine"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/prescription/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#prescription" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    prescription
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="rx pills capsules medicine"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/prescription2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#prescription2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    prescription2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="print"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/printer/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#printer" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    printer
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="print"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/printer-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#printer-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    printer-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="projection present screen"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/projector/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#projector" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    projector
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="projection present screen"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/projector-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#projector-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    projector-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="puzzle piece"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/puzzle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#puzzle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    puzzle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="puzzle piece"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/puzzle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#puzzle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    puzzle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="scan"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/qr-code/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#qr-code" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    qr-code
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="scan"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/qr-code-scan/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#qr-code-scan" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    qr-code-scan
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question-diamond/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question-diamond" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question-diamond
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question-diamond-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question-diamond-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question-diamond-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question-lg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question-lg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question-lg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question-octagon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question-octagon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question-octagon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question-octagon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question-octagon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question-octagon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="help"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/question-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#question-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    question-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/quora/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#quora" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    quora
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="blockquote quotes quotation"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/quote/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#quote" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    quote
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="registered trademark"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/r-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#r-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    r-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="registered trademark"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/r-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#r-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    r-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="registered trademark"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/r-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#r-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    r-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="registered trademark"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/r-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#r-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    r-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="radiation nuclear danger"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/radioactive/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#radioactive" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    radioactive
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="colors arches"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rainbow/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rainbow" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rainbow
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="receipt invoice sale purchase bill"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/receipt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#receipt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    receipt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="receipt invoice sale purchase bill"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/receipt-cutoff/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#receipt-cutoff" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    receipt-cutoff
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reception cellphone mobile carrier network signal"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reception-0/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reception-0" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reception-0
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reception cellphone mobile carrier network signal"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reception-1/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reception-1" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reception-1
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reception cellphone mobile carrier network signal"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reception-2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reception-2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reception-2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reception cellphone mobile carrier network signal"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reception-3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reception-3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reception-3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="reception cellphone mobile carrier network signal"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reception-4/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reception-4" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reception-4
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/record/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#record" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    record
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/record-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#record-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    record-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/record-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#record-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    record-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/record-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#record-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    record-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/record-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#record-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    record-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/record-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#record-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    record-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/record2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#record2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    record2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/record2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#record2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    record2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="recyling trash"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/recycle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#recycle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    recycle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reddit/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reddit" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reddit
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/repeat/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#repeat" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    repeat
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/repeat-1/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#repeat-1" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    repeat-1
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reply/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reply" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reply
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reply-all/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reply-all" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reply-all
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reply-all-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reply-all-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reply-all-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mail email"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/reply-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#reply-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    reply-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rewind/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rewind" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rewind
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rewind-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rewind-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rewind-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rewind-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rewind-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rewind-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rewind-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rewind-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rewind-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rewind-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rewind-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rewind-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rewind-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rewind-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rewind-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="bot"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/robot/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#robot" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    robot
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="wifi internet wireless"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/router/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#router" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    router
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="wifi internet wireless"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/router-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#router-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    router-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="atom feed xml"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rss/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rss" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rss
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="atom feed xml"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rss-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rss-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rss-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="measure guide"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/rulers/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#rulers" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    rulers
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="vault bank finance"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/safe/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#safe" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    safe
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="vault bank finance"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/safe-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#safe-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    safe-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="vault bank finance"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/safe2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#safe2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    safe2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="vault bank finance"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/safe2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#safe2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    safe2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="save floppy"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/save/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#save" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    save
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="save floppy"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/save-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#save-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    save-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="save floppy"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/save2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#save2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    save2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="save floppy"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/save2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#save2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    save2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cut shears"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/scissors/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#scissors" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    scissors
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="tool" data-categories="tools">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/screwdriver/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#screwdriver" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    screwdriver
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="storage microsd chip memory"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sd-card/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sd-card" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sd-card
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="storage microsd chip memory"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sd-card-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sd-card-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sd-card-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="magnifying-glass look"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/search/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#search" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    search
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="magnifying-glass look love romance valentine"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/search-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#search-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    search-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="magnifying-glass look love romance valentine"
                data-categories="communications love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/search-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#search-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    search-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="nav tabs tabbed app ui"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/segmented-nav/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#segmented-nav" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    segmented-nav
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-check-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-check-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-check-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-dash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-dash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-dash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-dash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-dash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-dash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-exclamation/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-exclamation" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-exclamation
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-exclamation-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-exclamation-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-exclamation-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-slash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-slash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-slash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-slash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-slash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-slash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="message sending sent"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/send-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#send-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    send-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="server network"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/server/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#server" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    server
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="share link"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/share/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#share" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    share
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="share link"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/share-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#share-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    share-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-exclamation/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-exclamation" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-exclamation
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-fill-check/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-fill-check" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-fill-check
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-fill-exclamation/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-fill-exclamation" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-fill-exclamation
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-fill-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-fill-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-fill-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-fill-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-fill-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-fill-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security remove delete"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-fill-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-fill-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-fill-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security lock"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-lock/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-lock" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-lock
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security lock"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-lock-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-lock-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-lock-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-shaded/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-shaded" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-shaded
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shield badge"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-slash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-slash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-slash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shield badge"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-slash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-slash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-slash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security remove delete"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shield-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shield-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shield-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shift/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shift" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shift
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="key"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shift-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shift-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shift-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shop store market marketplace shopping retail"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shop/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shop" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shop
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shop store market marketplace shopping retail"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shop-window/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shop-window" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shop-window
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shuffle random"
                data-categories="arrows"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/shuffle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#shuffle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    shuffle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="stop sign intersection road driving"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-stop/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-stop" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-stop
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="stop sign intersection road driving"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-stop-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-stop-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-stop-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="stop sign intersection road driving"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-stop-lights/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-stop-lights" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-stop-lights
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="stop sign intersection road driving"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-stop-lights-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-stop-lights-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-stop-lights-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving navigate navigation route"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-turn-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-turn-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-turn-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving navigate navigation route"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-turn-left-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-turn-left-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-turn-left-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving navigate navigation route"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-turn-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-turn-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-turn-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving navigate navigation route"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-turn-right-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-turn-right-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-turn-right-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving navigate navigation route"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-turn-slight-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-turn-slight-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-turn-slight-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving navigate navigation route"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-turn-slight-left-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-turn-slight-left-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-turn-slight-left-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving navigate navigation route"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-turn-slight-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-turn-slight-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-turn-slight-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving navigate navigation route"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-turn-slight-right-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-turn-slight-right-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-turn-slight-right-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving intersection"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-yield/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-yield" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-yield
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="road driving intersection"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sign-yield-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sign-yield-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sign-yield-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/signal/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#signal" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    signal
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="milestone sign road sign street sign directions"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/signpost/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#signpost" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    signpost
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="milestone sign road sign street sign directions"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/signpost-2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#signpost-2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    signpost-2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="milestone sign road sign street sign directions"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/signpost-2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#signpost-2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    signpost-2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="milestone sign road sign street sign directions"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/signpost-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#signpost-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    signpost-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="milestone sign road sign street sign directions"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/signpost-split/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#signpost-split" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    signpost-split
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="milestone sign road sign street sign directions"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/signpost-split-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#signpost-split-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    signpost-split-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile carrier"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sim/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sim" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sim
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile carrier"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sim-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sim-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sim-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-backward/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-backward" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-backward
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-backward-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-backward-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-backward-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-backward-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-backward-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-backward-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-backward-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-backward-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-backward-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-backward-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-backward-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-backward-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-backward-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-backward-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-backward-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-end/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-end" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-end
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-end-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-end-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-end-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-end-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-end-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-end-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-end-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-end-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-end-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-end-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-end-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-end-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-end-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-end-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-end-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-forward/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-forward" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-forward
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-forward-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-forward-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-forward-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-forward-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-forward-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-forward-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-forward-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-forward-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-forward-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-forward-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-forward-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-forward-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-forward-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-forward-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-forward-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-start/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-start" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-start
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-start-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-start-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-start-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-start-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-start-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-start-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-start-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-start-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-start-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-start-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-start-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-start-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skip-start-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skip-start-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skip-start-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social microsoft"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/skype/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#skype" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    skype
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/slack/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#slack" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    slack
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape stop ban false"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/slash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#slash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    slash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape stop ban false"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/slash-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#slash-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    slash-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape stop ban false"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/slash-lg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#slash-lg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    slash-lg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape stop ban false"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/slash-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#slash-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    slash-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape stop ban false"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/slash-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#slash-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    slash-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="equalizer settings preferences dials"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sliders/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sliders" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sliders
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="equalizer settings preferences dials"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sliders2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sliders2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sliders2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="equalizer settings preferences dials"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sliders2-vertical/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sliders2-vertical" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sliders2-vertical
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="watch wearables"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/smartwatch/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#smartwatch" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    smartwatch
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/snapchat/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#snapchat" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    snapchat
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="blizzard flurries"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/snow/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#snow" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    snow
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="blizzard flurries"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/snow2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#snow2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    snow2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="blizzard flurries"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/snow3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#snow3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    snow3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-alpha-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-alpha-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-alpha-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-alpha-down-alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-alpha-down-alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-alpha-down-alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-alpha-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-alpha-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-alpha-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-alpha-up-alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-alpha-up-alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-alpha-up-alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-down-alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-down-alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-down-alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-numeric-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-numeric-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-numeric-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-numeric-down-alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-numeric-down-alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-numeric-down-alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-numeric-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-numeric-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-numeric-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-numeric-up-alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-numeric-up-alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-numeric-up-alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="sort filter organize"
                data-categories="sort and filter"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sort-up-alt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sort-up-alt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sort-up-alt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio sound wave"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/soundwave/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#soundwave" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    soundwave
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio sound"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/speaker/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#speaker" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    speaker
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio sound"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/speaker-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#speaker-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    speaker-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="speed tachometer dashboard"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/speedometer/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#speedometer" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    speedometer
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="speed tachometer dashboard"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/speedometer2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#speedometer2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    speedometer2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="spelling grammar"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/spellcheck/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#spellcheck" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    spellcheck
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/spotify/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#spotify" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    spotify
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape rectangle"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape rectangle"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape rectangle"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/square-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#square-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    square-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="layers"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stack/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stack" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stack
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stack-overflow/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stack-overflow" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stack-overflow
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape like favorite"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/star/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#star" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    star
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape like favorite"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/star-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#star-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    star-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape like favorite"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/star-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#star-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    star-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="clear skies night"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stars/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stars" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stars
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gaming"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/steam/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#steam" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    steam
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="postit note sticky"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stickies/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stickies" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stickies
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="postit note sticky"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stickies-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stickies-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stickies-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="postit note sticky"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sticky/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sticky" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sticky
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="postit note sticky"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sticky-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sticky-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sticky-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stop/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stop" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stop
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stop-btn/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stop-btn" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stop-btn
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stop-btn-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stop-btn-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stop-btn-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stop-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stop-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stop-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stop-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stop-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stop-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stop-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stop-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stop-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="traffic lights intersection"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stoplights/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stoplights" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stoplights
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="traffic lights intersection"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stoplights-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stoplights-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stoplights-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="time timer clock"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stopwatch/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stopwatch" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stopwatch
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="time timer clock"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/stopwatch-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#stopwatch-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    stopwatch-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/strava/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#strava" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    strava
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graphics vector merge layers"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/subtract/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#subtract" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    subtract
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="card cards suit deck gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/suit-club/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#suit-club" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    suit-club
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="card cards suit deck gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/suit-club-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#suit-club-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    suit-club-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="card cards suit deck gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/suit-diamond/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#suit-diamond" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    suit-diamond
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="card cards suit deck gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/suit-diamond-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#suit-diamond-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    suit-diamond-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="card cards suit deck gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/suit-heart/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#suit-heart" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    suit-heart
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="card cards suit deck gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/suit-heart-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#suit-heart-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    suit-heart-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="card cards suit deck gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/suit-spade/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#suit-spade" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    suit-spade
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="card cards suit deck gambling"
                data-categories="entertainment"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/suit-spade-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#suit-spade-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    suit-spade-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="solar weather"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sun/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sun" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sun
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="solar weather"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sun-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sun-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sun-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shades cool aviators"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sunglasses/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sunglasses" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sunglasses
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dawn"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sunrise/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sunrise" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sunrise
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dawn"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sunrise-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sunrise-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sunrise-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dusk"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sunset/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sunset" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sunset
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="dusk"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/sunset-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#sunset-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    sunset-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="align orientation mirror"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/symmetry-horizontal/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#symmetry-horizontal" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    symmetry-horizontal
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="align orientation mirror"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/symmetry-vertical/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#symmetry-vertical" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    symmetry-vertical
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="spreadsheet"
                data-categories="files and folders"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/table/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#table" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    table
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tablet/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tablet" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tablet
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tablet-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tablet-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tablet-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tablet-landscape/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tablet-landscape" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tablet-landscape
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="mobile"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tablet-landscape-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tablet-landscape-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tablet-landscape-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="price category taxonomy label"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tag/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tag" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tag
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="price category taxonomy label"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tag-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tag-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tag-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="price category taxonomy label"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tags/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tags" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tags
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="price category taxonomy label"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tags-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tags-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tags-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social chat"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telegram/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telegram" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telegram
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-forward/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-forward" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-forward
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-forward-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-forward-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-forward-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-inbound/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-inbound" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-inbound
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-inbound-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-inbound-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-inbound-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-minus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-minus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-minus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-minus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-minus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-minus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-outbound/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-outbound" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-outbound
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-outbound-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-outbound-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-outbound-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-plus-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-plus-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-plus-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="telephone phone call"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/telephone-x-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#telephone-x-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    telephone-x-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="command-line cli command-prompt"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/terminal/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#terminal" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    terminal
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="command-line cli command-prompt"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/terminal-dash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#terminal-dash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    terminal-dash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="command-line cli command-prompt"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/terminal-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#terminal-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    terminal-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="command-line cli command-prompt"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/terminal-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#terminal-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    terminal-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="command-line cli command-prompt"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/terminal-split/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#terminal-split" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    terminal-split
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="command-line cli command-prompt"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/terminal-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#terminal-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    terminal-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/text-center/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#text-center" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    text-center
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/text-indent-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#text-indent-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    text-indent-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/text-indent-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#text-indent-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    text-indent-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/text-left/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#text-left" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    text-left
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type paragraph copy"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/text-paragraph/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#text-paragraph" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    text-paragraph
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type justify alignment"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/text-right/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#text-right" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    text-right
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text insert bounding-box"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/textarea/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#textarea" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    textarea
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text form"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/textarea-resize/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#textarea-resize" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    textarea-resize
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text insert bounding-box"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/textarea-t/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#textarea-t" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    textarea-t
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="temperature weather"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/thermometer/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#thermometer" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    thermometer
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="temperature weather"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/thermometer-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#thermometer-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    thermometer-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="temperature weather"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/thermometer-high/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#thermometer-high" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    thermometer-high
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="temperature weather"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/thermometer-low/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#thermometer-low" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    thermometer-low
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="temperature weather"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/thermometer-snow/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#thermometer-snow" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    thermometer-snow
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="temperature weather"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/thermometer-sun/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#thermometer-sun" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    thermometer-sun
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="meatballs more ellipsis overflow menu"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/three-dots/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#three-dots" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    three-dots
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="kebab more ellipsis overflow menu"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/three-dots-vertical/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#three-dots-vertical" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    three-dots-vertical
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="plug port"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/thunderbolt/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#thunderbolt" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    thunderbolt
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="plug port"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/thunderbolt-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#thunderbolt-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    thunderbolt-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tickets admission"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ticket/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ticket" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ticket
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tickets admission"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ticket-detailed/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ticket-detailed" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ticket-detailed
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tickets admission"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ticket-detailed-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ticket-detailed-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ticket-detailed-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tickets admission"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ticket-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ticket-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ticket-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tickets admission"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ticket-perforated/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ticket-perforated" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ticket-perforated
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tickets admission"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ticket-perforated-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ticket-perforated-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ticket-perforated-fill
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-categories="brand" data-tags="null">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tiktok/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tiktok" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tiktok
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="toggle switch checkbox"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/toggle-off/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#toggle-off" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    toggle-off
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="toggle switch checkbox"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/toggle-on/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#toggle-on" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    toggle-on
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="toggle switch checkbox"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/toggle2-off/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#toggle2-off" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    toggle2-off
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="toggle switch checkbox"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/toggle2-on/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#toggle2-on" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    toggle2-on
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="toggle switch checkbox"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/toggles/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#toggles" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    toggles
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="toggle switch checkbox"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/toggles2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#toggles2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    toggles2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tool wrench screwdriver"
                data-categories="tools"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tools/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tools" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tools
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="wind"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tornado/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tornado" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tornado
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="transit public rail"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/train-freight-front/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#train-freight-front" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    train-freight-front
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="transit public rail"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/train-freight-front-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#train-freight-front-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    train-freight-front-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="transit public rail"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/train-front/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#train-front" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    train-front
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="transit public rail"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/train-front-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#train-front-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    train-front-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="transit public rail"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/train-lightrail-front/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#train-lightrail-front" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    train-lightrail-front
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="transit public rail"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/train-lightrail-front-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#train-lightrail-front-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    train-lightrail-front-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="translation languages language"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/translate/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#translate" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    translate
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trash-can garbage delete"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/trash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#trash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    trash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trash-can garbage delete"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/trash-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#trash-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    trash-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trash-can garbage delete"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/trash2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#trash2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    trash2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trash-can garbage delete"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/trash2-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#trash2-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    trash2-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trash-can garbage delete"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/trash3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#trash3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    trash3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trash-can garbage delete"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/trash3-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#trash3-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    trash3-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tree forrest"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tree/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tree" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tree
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tree forrest"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tree-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tree-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tree-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/triangle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#triangle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    triangle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/triangle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#triangle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    triangle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="shape"
                data-categories="shapes"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/triangle-half/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#triangle-half" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    triangle-half
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="prize winning"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/trophy/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#trophy" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    trophy
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="prize winning"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/trophy-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#trophy-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    trophy-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="hurricane"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tropical-storm/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tropical-storm" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tropical-storm
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trucking shipping shipment transport deliver delivery"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/truck/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#truck" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    truck
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="trucking shipping shipment transport deliver delivery"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/truck-flatbed/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#truck-flatbed" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    truck-flatbed
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="vehicle shipping transit haul freight"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/truck-front/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#truck-front" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    truck-front
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="vehicle shipping transit haul freight"
                data-categories="transportation"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/truck-front-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#truck-front-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    truck-front-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="wave"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tsunami/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tsunami" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tsunami
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="television monitor display"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tv/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tv" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tv
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="television monitor display"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/tv-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#tv-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    tv-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/twitch/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#twitch" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    twitch
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social chat"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/twitter/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#twitter" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    twitter
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/type/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#type" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    type
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/type-bold/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#type-bold" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    type-bold
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type heading"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/type-h1/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#type-h1" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    type-h1
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type heading"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/type-h2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#type-h2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    type-h2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type heading"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/type-h3/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#type-h3" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    type-h3
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/type-italic/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#type-italic" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    type-italic
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/type-strikethrough/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#type-strikethrough" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    type-strikethrough
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="text type"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/type-underline/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#type-underline" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    type-underline
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="linux distro"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ubuntu/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ubuntu" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ubuntu
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkbox form"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ui-checks/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ui-checks" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ui-checks
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="checkbox form"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ui-checks-grid/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ui-checks-grid" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ui-checks-grid
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="radio form"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ui-radios/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ui-radios" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ui-radios
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="radio form"
                data-categories="controls"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/ui-radios-grid/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#ui-radios-grid" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    ui-radios-grid
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="rain"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/umbrella/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#umbrella" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    umbrella
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="rain"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/umbrella-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#umbrella-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    umbrella-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="tab indent"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/unindent/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#unindent" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    unindent
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graphics vector merge layers"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/union/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#union" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    union
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="gaming"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/unity/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#unity" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    unity
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="accessibility a11y"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/universal-access/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#universal-access" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    universal-access
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="accessibility a11y"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/universal-access-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#universal-access-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    universal-access-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/unlock/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#unlock" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    unlock
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="privacy security"
                data-categories="security"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/unlock-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#unlock-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    unlock-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="purchase barcode"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/upc/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#upc" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    upc
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="purchase barcode"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/upc-scan/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#upc-scan" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    upc-scan
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="arrow network"
                data-categories="miscellaneous"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/upload/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#upload" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    upload
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="devices"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="port plug"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-c/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-c" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-c
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="port plug"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-c-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-c-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-c-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="thumb-drive"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-drive/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-drive" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-drive
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="thumb-drive"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-drive-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-drive-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-drive-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="port plug"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="port plug"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-micro/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-micro" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-micro
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="port plug"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-micro-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-micro-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-micro-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="port plug"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-mini/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-mini" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-mini
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="port plug"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-mini-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-mini-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-mini-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="devices"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-plug/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-plug" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-plug
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="devices"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-plug-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-plug-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-plug-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-categories="devices"
                data-tags="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/usb-symbol/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#usb-symbol" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    usb-symbol
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="love romance valentine"
                data-categories="love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/valentine/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#valentine" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    valentine
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="love romance valentine"
                data-categories="love"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/valentine2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#valentine2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    valentine2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="graphics vector pen"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/vector-pen/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#vector-pen" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    vector-pen
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="view rearrange"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/view-list/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#view-list" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    view-list
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="view rearrange"
                data-categories="ui and keyboard"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/view-stacked/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#view-stacked" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    view-stacked
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/vimeo/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#vimeo" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    vimeo
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio music record"
                data-categories="null"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/vinyl/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#vinyl" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    vinyl
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio music record"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/vinyl-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#vinyl-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    vinyl-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="covid viral"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/virus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#virus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    virus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="covid viral"
                data-categories="medical"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/virus2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#virus2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    virus2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="voicemail message telephone"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/voicemail/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#voicemail" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    voicemail
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/volume-down/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#volume-down" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    volume-down
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/volume-down-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#volume-down-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    volume-down-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/volume-mute/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#volume-mute" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    volume-mute
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/volume-mute-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#volume-mute-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    volume-mute-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/volume-off/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#volume-off" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    volume-off
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/volume-off-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#volume-off-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    volume-off-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/volume-up/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#volume-up" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    volume-up
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="audio video av sound"
                data-categories="media"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/volume-up-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#volume-up-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    volume-up-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="divider vertical-rule"
                data-categories="typography"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/vr/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#vr" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    vr
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cards money funds cash payment"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wallet/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wallet" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wallet
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cards money funds cash payment"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wallet-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wallet-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wallet-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="cards money funds cash payment"
                data-categories="commerce"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wallet2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wallet2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wallet2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="wearables clock"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/watch/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#watch" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    watch
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="waves levels"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/water/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#water" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    water
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="camera video"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/webcam/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#webcam" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    webcam
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="camera video"
                data-categories="devices"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/webcam-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#webcam-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    webcam-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social messaging"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wechat/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wechat" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wechat
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social facebook chat"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/whatsapp/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#whatsapp" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    whatsapp
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="internet network wireless"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wifi/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wifi" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wifi
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="internet network wireless"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wifi-1/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wifi-1" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wifi-1
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="internet network wireless"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wifi-2/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wifi-2" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wifi-2
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="internet network wireless"
                data-categories="communications"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wifi-off/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wifi-off" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wifi-off
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="windy breeze"
                data-categories="weather"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wind/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wind" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wind
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="app application"
                data-categories="layout"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="application desktop app"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window-dash/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window-dash" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window-dash
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="application desktop app"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window-desktop/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window-desktop" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window-desktop
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="application desktop os"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window-dock/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window-dock" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window-dock
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="application desktop app"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window-fullscreen/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window-fullscreen" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window-fullscreen
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="application desktop app"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window-plus/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window-plus" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window-plus
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="application desktop"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window-sidebar/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window-sidebar" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window-sidebar
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="application desktop app"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window-split/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window-split" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window-split
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="application desktop app windows"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window-stack/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window-stack" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window-stack
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="application desktop app"
                data-categories="apps"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/window-x/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#window-x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    window-x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="microsoft msft windows"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/windows/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#windows" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    windows
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wordpress/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wordpress" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wordpress
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="tool" data-categories="tools">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wrench/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wrench" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wrench
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="tool" data-categories="tools">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wrench-adjustable/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wrench-adjustable" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wrench-adjustable
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="tool" data-categories="tools">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wrench-adjustable-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wrench-adjustable-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wrench-adjustable-circle
                  </div>
                </a>
              </li>
              <li className="col mb-4" data-tags="tool" data-categories="tools">
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/wrench-adjustable-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#wrench-adjustable-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    wrench-adjustable-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a className="d-block text-dark text-decoration-none">
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/x-circle/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x-circle" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x-circle
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/x-circle-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x-circle-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x-circle-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/x-diamond/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x-diamond" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x-diamond
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/x-diamond-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x-diamond-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x-diamond-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/x-lg/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x-lg" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x-lg
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/x-octagon/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x-octagon" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x-octagon
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/x-octagon-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x-octagon-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x-octagon-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/x-square/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x-square" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x-square
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="x delete reset clear cancel close exit"
                data-categories="alerts, warnings, and signs"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/x-square-fill/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#x-square-fill" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    x-square-fill
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="microsoft gaming"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/xbox/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#xbox" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    xbox
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social reviews"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/yelp/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#yelp" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    yelp
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="peace"
                data-categories="real world"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/yin-yang/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#yin-yang" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    yin-yang
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="social video google"
                data-categories="brand"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/youtube/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#youtube" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    youtube
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="magnify scale"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/zoom-in/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#zoom-in" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    zoom-in
                  </div>
                </a>
              </li>
              <li
                className="col mb-4"
                data-tags="minify scale"
                data-categories="graphics"
              >
                <a
                  className="d-block text-dark text-decoration-none"
                  href="https://icons.getbootstrap.com/icons/zoom-out/"
                >
                  <div className="p-3 py-4 mb-2 text-body text-center rounded">
                    <svg
                      className="bi"
                      width="1em"
                      height="1em"
                      fill="currentColor"
                    >
                      <use xlinkHref="assets/static/images/bootstrap-icons.svg#zoom-out" />
                    </svg>
                  </div>
                  <div className="name text-muted text-decoration-none text-center pt-1">
                    zoom-out
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  </div>
  {"{"}% endblock %{"}"}
</>
