<!-- DO NOT EDIT! Use generate.py for updating this file. -->
{% extends 'base.html' %}
{% from 'bootstrap5/utils.html' import render_icon %}

{% block content %}
<h2>Icons</h2>
<p>These are all the icons which are currently supported by Bootstrap-Flask.</p>
<ul class="row row-cols-3 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 list-unstyled list">
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/123/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('123', 32) }}
<use xlink:href="bootstrap-icons.svg#123" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">123</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/activity/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('activity', 32) }}
<use xlink:href="bootstrap-icons.svg#activity" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">activity</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/alarm/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alarm', 32) }}
<use xlink:href="bootstrap-icons.svg#alarm" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">alarm</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/alarm-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alarm-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#alarm-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">alarm-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/align-bottom/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-bottom', 32) }}
<use xlink:href="bootstrap-icons.svg#align-bottom" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">align-bottom</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/align-center/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-center', 32) }}
<use xlink:href="bootstrap-icons.svg#align-center" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">align-center</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/align-end/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-end', 32) }}
<use xlink:href="bootstrap-icons.svg#align-end" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">align-end</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/align-middle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-middle', 32) }}
<use xlink:href="bootstrap-icons.svg#align-middle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">align-middle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/align-start/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-start', 32) }}
<use xlink:href="bootstrap-icons.svg#align-start" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">align-start</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/align-top/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-top', 32) }}
<use xlink:href="bootstrap-icons.svg#align-top" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">align-top</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alt', 32) }}
<use xlink:href="bootstrap-icons.svg#alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/app/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('app', 32) }}
<use xlink:href="bootstrap-icons.svg#app" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">app</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/app-indicator/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('app-indicator', 32) }}
<use xlink:href="bootstrap-icons.svg#app-indicator" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">app-indicator</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/apple/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('apple', 32) }}
<use xlink:href="bootstrap-icons.svg#apple" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">apple</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/archive/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('archive', 32) }}
<use xlink:href="bootstrap-icons.svg#archive" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">archive</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/archive-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('archive-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#archive-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">archive-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-90deg-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-90deg-down', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-90deg-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-90deg-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-90deg-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-90deg-left', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-90deg-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-90deg-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-90deg-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-90deg-right', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-90deg-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-90deg-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-90deg-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-90deg-up', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-90deg-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-90deg-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-bar-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-bar-down', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-bar-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-bar-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-bar-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-bar-left', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-bar-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-bar-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-bar-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-bar-right', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-bar-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-bar-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-bar-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-bar-up', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-bar-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-bar-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-clockwise/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-clockwise', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-clockwise" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-clockwise</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-counterclockwise/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-counterclockwise', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-counterclockwise" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-counterclockwise</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-left-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-left-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-left-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-left-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left-square', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-left-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-left-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-left-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-left-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-right-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-right-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-right-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-right-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right-square', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-right-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-right-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-right-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-right-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-short/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-short', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-short" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-short</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-square', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-up', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-down-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-down-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-left-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-left-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-left-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-left-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-right', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-left-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-left-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-short/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-short', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-left-short" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-left-short</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-square', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-left-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-left-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-left-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-left-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-repeat/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-repeat', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-repeat" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-repeat</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-return-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-return-left', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-return-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-return-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-return-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-return-right', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-return-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-return-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-right-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-right-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-right-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-right-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-short/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-short', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-right-short" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-right-short</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-square', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-right-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-right-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-right-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-right-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-left-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-left-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-left-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-left-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left-square', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-left-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-left-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-left-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-left-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-right-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-right-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-right-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-right-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right-square', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-right-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-right-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-right-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-right-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-short/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-short', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-short" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-short</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-square', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#arrow-up-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrow-up-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-angle-contract/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-angle-contract', 32) }}
<use xlink:href="bootstrap-icons.svg#arrows-angle-contract" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrows-angle-contract</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-angle-expand/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-angle-expand', 32) }}
<use xlink:href="bootstrap-icons.svg#arrows-angle-expand" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrows-angle-expand</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-collapse/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-collapse', 32) }}
<use xlink:href="bootstrap-icons.svg#arrows-collapse" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrows-collapse</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-expand/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-expand', 32) }}
<use xlink:href="bootstrap-icons.svg#arrows-expand" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrows-expand</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-fullscreen/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-fullscreen', 32) }}
<use xlink:href="bootstrap-icons.svg#arrows-fullscreen" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrows-fullscreen</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-move/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-move', 32) }}
<use xlink:href="bootstrap-icons.svg#arrows-move" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">arrows-move</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/aspect-ratio/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('aspect-ratio', 32) }}
<use xlink:href="bootstrap-icons.svg#aspect-ratio" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">aspect-ratio</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/aspect-ratio-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('aspect-ratio-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#aspect-ratio-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">aspect-ratio-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/asterisk/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('asterisk', 32) }}
<use xlink:href="bootstrap-icons.svg#asterisk" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">asterisk</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/at/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('at', 32) }}
<use xlink:href="bootstrap-icons.svg#at" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">at</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/award/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('award', 32) }}
<use xlink:href="bootstrap-icons.svg#award" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">award</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/award-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('award-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#award-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">award-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/back/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('back', 32) }}
<use xlink:href="bootstrap-icons.svg#back" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">back</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/backspace/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backspace', 32) }}
<use xlink:href="bootstrap-icons.svg#backspace" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">backspace</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/backspace-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backspace-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#backspace-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">backspace-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/backspace-reverse/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backspace-reverse', 32) }}
<use xlink:href="bootstrap-icons.svg#backspace-reverse" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">backspace-reverse</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/backspace-reverse-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backspace-reverse-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#backspace-reverse-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">backspace-reverse-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-3d/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-3d', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-3d" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-3d</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-3d-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-3d-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-3d-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-3d-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-4k/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-4k', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-4k" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-4k</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-4k-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-4k-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-4k-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-4k-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-8k/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-8k', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-8k" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-8k</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-8k-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-8k-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-8k-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-8k-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-ad/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-ad', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-ad" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-ad</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-ad-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-ad-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-ad-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-ad-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-ar/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-ar', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-ar" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-ar</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-ar-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-ar-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-ar-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-ar-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-cc/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-cc', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-cc" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-cc</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-cc-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-cc-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-cc-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-cc-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-hd/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-hd', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-hd" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-hd</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-hd-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-hd-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-hd-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-hd-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-tm/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-tm', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-tm" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-tm</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-tm-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-tm-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-tm-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-tm-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-vo/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-vo', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-vo" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-vo</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-vo-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-vo-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-vo-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-vo-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-vr/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-vr', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-vr" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-vr</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-vr-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-vr-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-vr-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-vr-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-wc/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-wc', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-wc" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-wc</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-wc-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-wc-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#badge-wc-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">badge-wc-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag', 32) }}
<use xlink:href="bootstrap-icons.svg#bag" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-check', 32) }}
<use xlink:href="bootstrap-icons.svg#bag-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bag-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-dash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-dash', 32) }}
<use xlink:href="bootstrap-icons.svg#bag-dash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag-dash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-dash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-dash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bag-dash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag-dash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bag-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#bag-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bag-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-x', 32) }}
<use xlink:href="bootstrap-icons.svg#bag-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bag-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bag-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bandaid/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bandaid', 32) }}
<use xlink:href="bootstrap-icons.svg#bandaid" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bandaid</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bandaid-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bandaid-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bandaid-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bandaid-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bank/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bank', 32) }}
<use xlink:href="bootstrap-icons.svg#bank" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bank</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bank2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bank2', 32) }}
<use xlink:href="bootstrap-icons.svg#bank2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bank2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart', 32) }}
<use xlink:href="bootstrap-icons.svg#bar-chart" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bar-chart</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bar-chart-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bar-chart-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart-line/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart-line', 32) }}
<use xlink:href="bootstrap-icons.svg#bar-chart-line" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bar-chart-line</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart-line-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart-line-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bar-chart-line-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bar-chart-line-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart-steps/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart-steps', 32) }}
<use xlink:href="bootstrap-icons.svg#bar-chart-steps" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bar-chart-steps</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/basket/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket', 32) }}
<use xlink:href="bootstrap-icons.svg#basket" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">basket</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/basket-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#basket-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">basket-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/basket2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket2', 32) }}
<use xlink:href="bootstrap-icons.svg#basket2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">basket2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/basket2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#basket2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">basket2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/basket3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket3', 32) }}
<use xlink:href="bootstrap-icons.svg#basket3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">basket3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/basket3-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket3-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#basket3-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">basket3-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/battery/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('battery', 32) }}
<use xlink:href="bootstrap-icons.svg#battery" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">battery</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/battery-charging/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('battery-charging', 32) }}
<use xlink:href="bootstrap-icons.svg#battery-charging" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">battery-charging</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/battery-full/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('battery-full', 32) }}
<use xlink:href="bootstrap-icons.svg#battery-full" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">battery-full</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/battery-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('battery-half', 32) }}
<use xlink:href="bootstrap-icons.svg#battery-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">battery-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/behance/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('behance', 32) }}
<use xlink:href="bootstrap-icons.svg#behance" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">behance</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bell/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bell', 32) }}
<use xlink:href="bootstrap-icons.svg#bell" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bell</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bell-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bell-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bell-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bell-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bell-slash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bell-slash', 32) }}
<use xlink:href="bootstrap-icons.svg#bell-slash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bell-slash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bell-slash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bell-slash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bell-slash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bell-slash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bezier/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bezier', 32) }}
<use xlink:href="bootstrap-icons.svg#bezier" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bezier</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bezier2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bezier2', 32) }}
<use xlink:href="bootstrap-icons.svg#bezier2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bezier2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bicycle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bicycle', 32) }}
<use xlink:href="bootstrap-icons.svg#bicycle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bicycle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/binoculars/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('binoculars', 32) }}
<use xlink:href="bootstrap-icons.svg#binoculars" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">binoculars</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/binoculars-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('binoculars-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#binoculars-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">binoculars-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/blockquote-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('blockquote-left', 32) }}
<use xlink:href="bootstrap-icons.svg#blockquote-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">blockquote-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/blockquote-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('blockquote-right', 32) }}
<use xlink:href="bootstrap-icons.svg#blockquote-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">blockquote-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bluetooth/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bluetooth', 32) }}
<use xlink:href="bootstrap-icons.svg#bluetooth" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bluetooth</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/body-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('body-text', 32) }}
<use xlink:href="bootstrap-icons.svg#body-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">body-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/book/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('book', 32) }}
<use xlink:href="bootstrap-icons.svg#book" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">book</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/book-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('book-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#book-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">book-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/book-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('book-half', 32) }}
<use xlink:href="bootstrap-icons.svg#book-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">book-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-check', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-dash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-dash', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-dash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-dash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-dash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-dash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-dash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-dash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-heart/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-heart', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-heart" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-heart</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-heart-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-heart-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-heart-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-heart-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-star/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-star', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-star" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-star</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-star-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-star-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-star-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-star-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-x', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmark-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmark-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmarks/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmarks', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmarks" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmarks</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmarks-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmarks-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bookmarks-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookmarks-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bookshelf/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookshelf', 32) }}
<use xlink:href="bootstrap-icons.svg#bookshelf" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bookshelf</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/boombox/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('boombox', 32) }}
<use xlink:href="bootstrap-icons.svg#boombox" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">boombox</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/boombox-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('boombox-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#boombox-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">boombox-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bootstrap/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bootstrap', 32) }}
<use xlink:href="bootstrap-icons.svg#bootstrap" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bootstrap</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bootstrap-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bootstrap-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bootstrap-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bootstrap-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bootstrap-reboot/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bootstrap-reboot', 32) }}
<use xlink:href="bootstrap-icons.svg#bootstrap-reboot" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bootstrap-reboot</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border', 32) }}
<use xlink:href="bootstrap-icons.svg#border" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-all/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-all', 32) }}
<use xlink:href="bootstrap-icons.svg#border-all" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-all</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-bottom/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-bottom', 32) }}
<use xlink:href="bootstrap-icons.svg#border-bottom" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-bottom</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-center/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-center', 32) }}
<use xlink:href="bootstrap-icons.svg#border-center" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-center</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-inner/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-inner', 32) }}
<use xlink:href="bootstrap-icons.svg#border-inner" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-inner</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-left', 32) }}
<use xlink:href="bootstrap-icons.svg#border-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-middle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-middle', 32) }}
<use xlink:href="bootstrap-icons.svg#border-middle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-middle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-outer/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-outer', 32) }}
<use xlink:href="bootstrap-icons.svg#border-outer" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-outer</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-right', 32) }}
<use xlink:href="bootstrap-icons.svg#border-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-style/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-style', 32) }}
<use xlink:href="bootstrap-icons.svg#border-style" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-style</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-top/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-top', 32) }}
<use xlink:href="bootstrap-icons.svg#border-top" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-top</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/border-width/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-width', 32) }}
<use xlink:href="bootstrap-icons.svg#border-width" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">border-width</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bounding-box/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bounding-box', 32) }}
<use xlink:href="bootstrap-icons.svg#bounding-box" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bounding-box</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bounding-box-circles/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bounding-box-circles', 32) }}
<use xlink:href="bootstrap-icons.svg#bounding-box-circles" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bounding-box-circles</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box', 32) }}
<use xlink:href="bootstrap-icons.svg#box" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-down', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-down-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-down-left', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-down-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-down-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-down-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-down-right', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-down-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-down-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-down', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-in-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-in-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-down-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-down-left', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-in-down-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-in-down-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-down-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-down-right', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-in-down-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-in-down-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-left', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-in-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-in-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-right', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-in-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-in-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-up', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-in-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-in-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-up-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-up-left', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-in-up-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-in-up-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-up-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-up-right', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-in-up-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-in-up-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-left', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-right', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-up', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-up-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-up-left', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-up-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-up-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-up-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-up-right', 32) }}
<use xlink:href="bootstrap-icons.svg#box-arrow-up-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-arrow-up-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/box-seam/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-seam', 32) }}
<use xlink:href="bootstrap-icons.svg#box-seam" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">box-seam</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/boxes/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('boxes', 32) }}
<use xlink:href="bootstrap-icons.svg#boxes" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">boxes</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/braces/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('braces', 32) }}
<use xlink:href="bootstrap-icons.svg#braces" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">braces</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bricks/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bricks', 32) }}
<use xlink:href="bootstrap-icons.svg#bricks" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bricks</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/briefcase/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('briefcase', 32) }}
<use xlink:href="bootstrap-icons.svg#briefcase" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">briefcase</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/briefcase-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('briefcase-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#briefcase-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">briefcase-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-alt-high/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-alt-high', 32) }}
<use xlink:href="bootstrap-icons.svg#brightness-alt-high" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brightness-alt-high</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-alt-high-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-alt-high-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#brightness-alt-high-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brightness-alt-high-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-alt-low/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-alt-low', 32) }}
<use xlink:href="bootstrap-icons.svg#brightness-alt-low" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brightness-alt-low</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-alt-low-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-alt-low-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#brightness-alt-low-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brightness-alt-low-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-high/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-high', 32) }}
<use xlink:href="bootstrap-icons.svg#brightness-high" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brightness-high</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-high-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-high-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#brightness-high-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brightness-high-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-low/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-low', 32) }}
<use xlink:href="bootstrap-icons.svg#brightness-low" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brightness-low</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-low-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-low-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#brightness-low-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brightness-low-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/broadcast/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('broadcast', 32) }}
<use xlink:href="bootstrap-icons.svg#broadcast" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">broadcast</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/broadcast-pin/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('broadcast-pin', 32) }}
<use xlink:href="bootstrap-icons.svg#broadcast-pin" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">broadcast-pin</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brush/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brush', 32) }}
<use xlink:href="bootstrap-icons.svg#brush" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brush</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/brush-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brush-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#brush-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">brush-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bucket/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bucket', 32) }}
<use xlink:href="bootstrap-icons.svg#bucket" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bucket</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bucket-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bucket-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bucket-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bucket-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bug/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bug', 32) }}
<use xlink:href="bootstrap-icons.svg#bug" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bug</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bug-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bug-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#bug-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bug-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/building/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building', 32) }}
<use xlink:href="bootstrap-icons.svg#building" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">building</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/bullseye/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bullseye', 32) }}
<use xlink:href="bootstrap-icons.svg#bullseye" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">bullseye</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calculator/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calculator', 32) }}
<use xlink:href="bootstrap-icons.svg#calculator" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calculator</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calculator-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calculator-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calculator-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calculator-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-check', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-date/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-date', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-date" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-date</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-date-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-date-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-date-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-date-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-day/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-day', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-day" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-day</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-day-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-day-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-day-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-day-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-event/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-event', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-event" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-event</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-event-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-event-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-event-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-event-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-minus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-minus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-minus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-minus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-month/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-month', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-month" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-month</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-month-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-month-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-month-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-month-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-range/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-range', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-range" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-range</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-range-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-range-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-range-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-range-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-week/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-week', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-week" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-week</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-week-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-week-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-week-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-week-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-x', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-check', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-date/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-date', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-date" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-date</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-date-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-date-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-date-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-date-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-day/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-day', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-day" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-day</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-day-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-day-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-day-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-day-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-event/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-event', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-event" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-event</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-event-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-event-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-event-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-event-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-minus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-minus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-minus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-minus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-month/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-month', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-month" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-month</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-month-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-month-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-month-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-month-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-range/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-range', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-range" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-range</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-range-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-range-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-range-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-range-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-week/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-week', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-week" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-week</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-week-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-week-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-week-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-week-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-x', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar2-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar2-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-event/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-event', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar3-event" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar3-event</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-event-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-event-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar3-event-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar3-event-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar3-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar3-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-range/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-range', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar3-range" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar3-range</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-range-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-range-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar3-range-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar3-range-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-week/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-week', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar3-week" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar3-week</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-week-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-week-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar3-week-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar3-week-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar4/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar4', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar4" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar4</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar4-event/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar4-event', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar4-event" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar4-event</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar4-range/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar4-range', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar4-range" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar4-range</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar4-week/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar4-week', 32) }}
<use xlink:href="bootstrap-icons.svg#calendar4-week" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">calendar4-week</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/camera/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera', 32) }}
<use xlink:href="bootstrap-icons.svg#camera" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">camera</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#camera-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">camera-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-reels/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-reels', 32) }}
<use xlink:href="bootstrap-icons.svg#camera-reels" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">camera-reels</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-reels-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-reels-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#camera-reels-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">camera-reels-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-video/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-video', 32) }}
<use xlink:href="bootstrap-icons.svg#camera-video" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">camera-video</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-video-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-video-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#camera-video-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">camera-video-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-video-off/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-video-off', 32) }}
<use xlink:href="bootstrap-icons.svg#camera-video-off" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">camera-video-off</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-video-off-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-video-off-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#camera-video-off-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">camera-video-off-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/camera2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera2', 32) }}
<use xlink:href="bootstrap-icons.svg#camera2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">camera2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/capslock/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('capslock', 32) }}
<use xlink:href="bootstrap-icons.svg#capslock" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">capslock</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/capslock-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('capslock-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#capslock-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">capslock-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/card-checklist/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-checklist', 32) }}
<use xlink:href="bootstrap-icons.svg#card-checklist" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">card-checklist</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/card-heading/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-heading', 32) }}
<use xlink:href="bootstrap-icons.svg#card-heading" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">card-heading</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/card-image/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-image', 32) }}
<use xlink:href="bootstrap-icons.svg#card-image" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">card-image</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/card-list/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-list', 32) }}
<use xlink:href="bootstrap-icons.svg#card-list" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">card-list</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/card-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-text', 32) }}
<use xlink:href="bootstrap-icons.svg#card-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">card-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-down', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-down-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-down-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-down-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-down-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-down-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-down-square', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-down-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-down-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-down-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-down-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-down-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-down-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-left', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-left-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-left-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-left-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-left-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-left-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-left-square', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-left-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-left-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-left-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-left-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-left-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-left-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-right', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-right-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-right-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-right-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-right-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-right-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-right-square', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-right-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-right-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-right-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-right-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-right-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-right-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-up', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-up-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-up-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-up-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-up-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-up-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-up-square', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-up-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-up-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-up-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-up-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#caret-up-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">caret-up-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart', 32) }}
<use xlink:href="bootstrap-icons.svg#cart" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-check', 32) }}
<use xlink:href="bootstrap-icons.svg#cart-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cart-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-dash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-dash', 32) }}
<use xlink:href="bootstrap-icons.svg#cart-dash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart-dash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-dash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-dash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cart-dash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart-dash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cart-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#cart-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cart-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-x', 32) }}
<use xlink:href="bootstrap-icons.svg#cart-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cart-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart2', 32) }}
<use xlink:href="bootstrap-icons.svg#cart2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart3', 32) }}
<use xlink:href="bootstrap-icons.svg#cart3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cart4/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart4', 32) }}
<use xlink:href="bootstrap-icons.svg#cart4" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cart4</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cash', 32) }}
<use xlink:href="bootstrap-icons.svg#cash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cash-coin/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cash-coin', 32) }}
<use xlink:href="bootstrap-icons.svg#cash-coin" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cash-coin</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cash-stack/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cash-stack', 32) }}
<use xlink:href="bootstrap-icons.svg#cash-stack" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cash-stack</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cast/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cast', 32) }}
<use xlink:href="bootstrap-icons.svg#cast" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cast</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat', 32) }}
<use xlink:href="bootstrap-icons.svg#chat" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-dots/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-dots', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-dots" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-dots</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-dots-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-dots-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-dots-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-dots-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-dots/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-dots', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-left-dots" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-left-dots</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-dots-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-dots-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-left-dots-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-left-dots-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-left-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-left-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-quote/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-quote', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-left-quote" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-left-quote</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-quote-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-quote-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-left-quote-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-left-quote-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-text', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-left-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-left-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-text-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-text-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-left-text-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-left-text-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-quote/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-quote', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-quote" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-quote</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-quote-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-quote-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-quote-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-quote-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-dots/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-dots', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-right-dots" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-right-dots</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-dots-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-dots-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-right-dots-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-right-dots-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-right-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-right-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-quote/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-quote', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-right-quote" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-right-quote</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-quote-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-quote-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-right-quote-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-right-quote-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-text', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-right-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-right-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-text-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-text-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-right-text-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-right-text-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-dots/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-dots', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-square-dots" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-square-dots</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-dots-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-dots-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-square-dots-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-square-dots-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-quote/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-quote', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-square-quote" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-square-quote</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-quote-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-quote-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-square-quote-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-square-quote-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-text', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-square-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-square-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-text-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-text-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-square-text-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-square-text-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-text', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-text-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-text-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#chat-text-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chat-text-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check', 32) }}
<use xlink:href="bootstrap-icons.svg#check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check-all/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-all', 32) }}
<use xlink:href="bootstrap-icons.svg#check-all" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check-all</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#check-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#check-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check-lg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-lg', 32) }}
<use xlink:href="bootstrap-icons.svg#check-lg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check-lg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-square', 32) }}
<use xlink:href="bootstrap-icons.svg#check-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#check-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check2', 32) }}
<use xlink:href="bootstrap-icons.svg#check2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check2-all/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check2-all', 32) }}
<use xlink:href="bootstrap-icons.svg#check2-all" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check2-all</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check2-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check2-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#check2-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check2-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/check2-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check2-square', 32) }}
<use xlink:href="bootstrap-icons.svg#check2-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">check2-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-contract/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-contract', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-bar-contract" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-contract</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-down', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-bar-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-expand/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-expand', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-bar-expand" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-expand</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-left', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-bar-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-right', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-bar-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-up', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-bar-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-bar-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-compact-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-compact-down', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-compact-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-compact-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-compact-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-compact-left', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-compact-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-compact-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-compact-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-compact-right', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-compact-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-compact-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-compact-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-compact-up', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-compact-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-compact-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-contract/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-contract', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-contract" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-contract</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-double-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-double-down', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-double-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-double-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-double-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-double-left', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-double-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-double-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-double-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-double-right', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-double-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-double-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-double-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-double-up', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-double-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-double-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-down', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-expand/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-expand', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-expand" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-expand</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-left', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-right', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-up', 32) }}
<use xlink:href="bootstrap-icons.svg#chevron-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">chevron-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('circle', 32) }}
<use xlink:href="bootstrap-icons.svg#circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/circle-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('circle-half', 32) }}
<use xlink:href="bootstrap-icons.svg#circle-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">circle-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/circle-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('circle-square', 32) }}
<use xlink:href="bootstrap-icons.svg#circle-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">circle-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard', 32) }}
<use xlink:href="bootstrap-icons.svg#clipboard" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clipboard</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-check', 32) }}
<use xlink:href="bootstrap-icons.svg#clipboard-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clipboard-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-data/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-data', 32) }}
<use xlink:href="bootstrap-icons.svg#clipboard-data" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clipboard-data</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#clipboard-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clipboard-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#clipboard-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clipboard-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-x', 32) }}
<use xlink:href="bootstrap-icons.svg#clipboard-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clipboard-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clock/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clock', 32) }}
<use xlink:href="bootstrap-icons.svg#clock" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clock</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clock-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clock-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#clock-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clock-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clock-history/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clock-history', 32) }}
<use xlink:href="bootstrap-icons.svg#clock-history" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clock-history</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-arrow-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-arrow-down', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-arrow-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-arrow-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-arrow-down-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-arrow-down-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-arrow-down-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-arrow-down-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-arrow-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-arrow-up', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-arrow-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-arrow-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-arrow-up-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-arrow-up-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-arrow-up-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-arrow-up-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-check', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-download/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-download', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-download" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-download</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-download-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-download-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-download-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-download-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-drizzle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-drizzle', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-drizzle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-drizzle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-drizzle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-drizzle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-drizzle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-drizzle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fog/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fog', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-fog" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-fog</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fog-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fog-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-fog-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-fog-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fog2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fog2', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-fog2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-fog2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fog2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fog2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-fog2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-fog2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-hail/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-hail', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-hail" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-hail</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-hail-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-hail-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-hail-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-hail-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-haze/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-haze', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-haze" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-haze</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-haze-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-haze-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-haze-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-haze-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-haze2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-haze2', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-haze2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-haze2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-haze2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-haze2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-haze2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-haze2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-lightning/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-lightning', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-lightning" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-lightning</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-lightning-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-lightning-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-lightning-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-lightning-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-lightning-rain/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-lightning-rain', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-lightning-rain" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-lightning-rain</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-lightning-rain-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-lightning-rain-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-lightning-rain-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-lightning-rain-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-minus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-minus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-minus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-minus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-moon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-moon', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-moon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-moon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-moon-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-moon-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-moon-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-moon-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-rain/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-rain', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-rain" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-rain</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-rain-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-rain-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-rain-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-rain-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-rain-heavy/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-rain-heavy', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-rain-heavy" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-rain-heavy</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-rain-heavy-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-rain-heavy-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-rain-heavy-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-rain-heavy-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-slash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-slash', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-slash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-slash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-slash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-slash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-slash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-slash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-sleet/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-sleet', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-sleet" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-sleet</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-sleet-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-sleet-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-sleet-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-sleet-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-snow/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-snow', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-snow" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-snow</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-snow-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-snow-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-snow-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-snow-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-sun/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-sun', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-sun" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-sun</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-sun-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-sun-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-sun-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-sun-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-upload/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-upload', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-upload" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-upload</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-upload-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-upload-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloud-upload-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloud-upload-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clouds/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clouds', 32) }}
<use xlink:href="bootstrap-icons.svg#clouds" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clouds</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/clouds-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clouds-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#clouds-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">clouds-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloudy/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloudy', 32) }}
<use xlink:href="bootstrap-icons.svg#cloudy" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloudy</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cloudy-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloudy-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cloudy-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cloudy-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/code/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('code', 32) }}
<use xlink:href="bootstrap-icons.svg#code" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">code</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/code-slash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('code-slash', 32) }}
<use xlink:href="bootstrap-icons.svg#code-slash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">code-slash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/code-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('code-square', 32) }}
<use xlink:href="bootstrap-icons.svg#code-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">code-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/coin/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('coin', 32) }}
<use xlink:href="bootstrap-icons.svg#coin" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">coin</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/collection/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('collection', 32) }}
<use xlink:href="bootstrap-icons.svg#collection" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">collection</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/collection-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('collection-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#collection-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">collection-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/collection-play/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('collection-play', 32) }}
<use xlink:href="bootstrap-icons.svg#collection-play" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">collection-play</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/collection-play-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('collection-play-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#collection-play-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">collection-play-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/columns/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('columns', 32) }}
<use xlink:href="bootstrap-icons.svg#columns" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">columns</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/columns-gap/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('columns-gap', 32) }}
<use xlink:href="bootstrap-icons.svg#columns-gap" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">columns-gap</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/command/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('command', 32) }}
<use xlink:href="bootstrap-icons.svg#command" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">command</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/compass/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('compass', 32) }}
<use xlink:href="bootstrap-icons.svg#compass" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">compass</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/compass-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('compass-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#compass-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">compass-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cone/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cone', 32) }}
<use xlink:href="bootstrap-icons.svg#cone" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cone</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cone-striped/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cone-striped', 32) }}
<use xlink:href="bootstrap-icons.svg#cone-striped" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cone-striped</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/controller/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('controller', 32) }}
<use xlink:href="bootstrap-icons.svg#controller" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">controller</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cpu/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cpu', 32) }}
<use xlink:href="bootstrap-icons.svg#cpu" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cpu</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cpu-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cpu-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cpu-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cpu-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card', 32) }}
<use xlink:href="bootstrap-icons.svg#credit-card" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">credit-card</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-2-back/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-2-back', 32) }}
<use xlink:href="bootstrap-icons.svg#credit-card-2-back" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">credit-card-2-back</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-2-back-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-2-back-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#credit-card-2-back-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">credit-card-2-back-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-2-front/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-2-front', 32) }}
<use xlink:href="bootstrap-icons.svg#credit-card-2-front" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">credit-card-2-front</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-2-front-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-2-front-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#credit-card-2-front-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">credit-card-2-front-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#credit-card-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">credit-card-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/crop/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('crop', 32) }}
<use xlink:href="bootstrap-icons.svg#crop" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">crop</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cup/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cup', 32) }}
<use xlink:href="bootstrap-icons.svg#cup" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cup</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cup-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cup-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cup-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cup-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cup-straw/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cup-straw', 32) }}
<use xlink:href="bootstrap-icons.svg#cup-straw" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cup-straw</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-bitcoin/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-bitcoin', 32) }}
<use xlink:href="bootstrap-icons.svg#currency-bitcoin" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">currency-bitcoin</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-dollar/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-dollar', 32) }}
<use xlink:href="bootstrap-icons.svg#currency-dollar" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">currency-dollar</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-euro/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-euro', 32) }}
<use xlink:href="bootstrap-icons.svg#currency-euro" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">currency-euro</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-exchange/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-exchange', 32) }}
<use xlink:href="bootstrap-icons.svg#currency-exchange" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">currency-exchange</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-pound/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-pound', 32) }}
<use xlink:href="bootstrap-icons.svg#currency-pound" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">currency-pound</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-yen/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-yen', 32) }}
<use xlink:href="bootstrap-icons.svg#currency-yen" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">currency-yen</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cursor/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cursor', 32) }}
<use xlink:href="bootstrap-icons.svg#cursor" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cursor</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cursor-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cursor-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#cursor-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cursor-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/cursor-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cursor-text', 32) }}
<use xlink:href="bootstrap-icons.svg#cursor-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">cursor-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash', 32) }}
<use xlink:href="bootstrap-icons.svg#dash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#dash-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dash-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-circle-dotted/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-circle-dotted', 32) }}
<use xlink:href="bootstrap-icons.svg#dash-circle-dotted" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dash-circle-dotted</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#dash-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dash-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-lg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-lg', 32) }}
<use xlink:href="bootstrap-icons.svg#dash-lg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dash-lg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-square', 32) }}
<use xlink:href="bootstrap-icons.svg#dash-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dash-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-square-dotted/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-square-dotted', 32) }}
<use xlink:href="bootstrap-icons.svg#dash-square-dotted" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dash-square-dotted</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#dash-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dash-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/device-hdd/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('device-hdd', 32) }}
<use xlink:href="bootstrap-icons.svg#device-hdd" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">device-hdd</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/device-hdd-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('device-hdd-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#device-hdd-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">device-hdd-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/device-ssd/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('device-ssd', 32) }}
<use xlink:href="bootstrap-icons.svg#device-ssd" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">device-ssd</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/device-ssd-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('device-ssd-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#device-ssd-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">device-ssd-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/diagram-2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diagram-2', 32) }}
<use xlink:href="bootstrap-icons.svg#diagram-2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">diagram-2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/diagram-2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diagram-2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#diagram-2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">diagram-2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/diagram-3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diagram-3', 32) }}
<use xlink:href="bootstrap-icons.svg#diagram-3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">diagram-3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/diagram-3-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diagram-3-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#diagram-3-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">diagram-3-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/diamond/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diamond', 32) }}
<use xlink:href="bootstrap-icons.svg#diamond" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">diamond</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/diamond-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diamond-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#diamond-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">diamond-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/diamond-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diamond-half', 32) }}
<use xlink:href="bootstrap-icons.svg#diamond-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">diamond-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-1/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-1', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-1" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-1</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-1-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-1-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-1-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-1-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-2', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-3', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-3-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-3-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-3-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-3-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-4/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-4', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-4" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-4</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-4-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-4-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-4-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-4-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-5/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-5', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-5" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-5</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-5-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-5-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-5-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-5-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-6/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-6', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-6" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-6</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-6-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-6-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#dice-6-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dice-6-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/disc/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('disc', 32) }}
<use xlink:href="bootstrap-icons.svg#disc" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">disc</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/disc-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('disc-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#disc-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">disc-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/discord/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('discord', 32) }}
<use xlink:href="bootstrap-icons.svg#discord" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">discord</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/display/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('display', 32) }}
<use xlink:href="bootstrap-icons.svg#display" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">display</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/display-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('display-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#display-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">display-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/displayport/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('displayport', 32) }}
<use xlink:href="bootstrap-icons.svg#displayport" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">displayport</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/displayport-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('displayport-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#displayport-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">displayport-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/distribute-horizontal/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('distribute-horizontal', 32) }}
<use xlink:href="bootstrap-icons.svg#distribute-horizontal" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">distribute-horizontal</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/distribute-vertical/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('distribute-vertical', 32) }}
<use xlink:href="bootstrap-icons.svg#distribute-vertical" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">distribute-vertical</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/door-closed/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('door-closed', 32) }}
<use xlink:href="bootstrap-icons.svg#door-closed" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">door-closed</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/door-closed-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('door-closed-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#door-closed-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">door-closed-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/door-open/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('door-open', 32) }}
<use xlink:href="bootstrap-icons.svg#door-open" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">door-open</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/door-open-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('door-open-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#door-open-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">door-open-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dot/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dot', 32) }}
<use xlink:href="bootstrap-icons.svg#dot" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dot</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/download/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('download', 32) }}
<use xlink:href="bootstrap-icons.svg#download" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">download</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dpad/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dpad', 32) }}
<use xlink:href="bootstrap-icons.svg#dpad" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dpad</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dpad-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dpad-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#dpad-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dpad-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/dribbble/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dribbble', 32) }}
<use xlink:href="bootstrap-icons.svg#dribbble" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">dribbble</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/droplet/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('droplet', 32) }}
<use xlink:href="bootstrap-icons.svg#droplet" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">droplet</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/droplet-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('droplet-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#droplet-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">droplet-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/droplet-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('droplet-half', 32) }}
<use xlink:href="bootstrap-icons.svg#droplet-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">droplet-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ear/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ear', 32) }}
<use xlink:href="bootstrap-icons.svg#ear" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ear</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ear-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ear-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#ear-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ear-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/earbuds/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('earbuds', 32) }}
<use xlink:href="bootstrap-icons.svg#earbuds" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">earbuds</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/easel/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel', 32) }}
<use xlink:href="bootstrap-icons.svg#easel" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">easel</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/easel-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#easel-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">easel-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/easel2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel2', 32) }}
<use xlink:href="bootstrap-icons.svg#easel2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">easel2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/easel2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#easel2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">easel2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/easel3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel3', 32) }}
<use xlink:href="bootstrap-icons.svg#easel3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">easel3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/easel3-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel3-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#easel3-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">easel3-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/egg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('egg', 32) }}
<use xlink:href="bootstrap-icons.svg#egg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">egg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/egg-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('egg-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#egg-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">egg-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/egg-fried/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('egg-fried', 32) }}
<use xlink:href="bootstrap-icons.svg#egg-fried" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">egg-fried</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eject/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eject', 32) }}
<use xlink:href="bootstrap-icons.svg#eject" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eject</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eject-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eject-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#eject-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eject-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-angry/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-angry', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-angry" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-angry</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-angry-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-angry-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-angry-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-angry-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-dizzy/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-dizzy', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-dizzy" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-dizzy</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-dizzy-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-dizzy-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-dizzy-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-dizzy-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-expressionless/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-expressionless', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-expressionless" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-expressionless</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-expressionless-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-expressionless-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-expressionless-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-expressionless-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-frown/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-frown', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-frown" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-frown</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-frown-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-frown-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-frown-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-frown-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-heart-eyes/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-heart-eyes', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-heart-eyes" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-heart-eyes</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-heart-eyes-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-heart-eyes-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-heart-eyes-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-heart-eyes-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-laughing/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-laughing', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-laughing" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-laughing</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-laughing-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-laughing-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-laughing-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-laughing-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-neutral/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-neutral', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-neutral" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-neutral</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-neutral-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-neutral-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-neutral-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-neutral-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-smile/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-smile', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-smile" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-smile</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-smile-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-smile-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-smile-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-smile-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-smile-upside-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-smile-upside-down', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-smile-upside-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-smile-upside-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-smile-upside-down-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-smile-upside-down-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-smile-upside-down-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-smile-upside-down-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-sunglasses/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-sunglasses', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-sunglasses" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-sunglasses</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-sunglasses-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-sunglasses-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-sunglasses-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-sunglasses-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-wink/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-wink', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-wink" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-wink</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-wink-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-wink-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#emoji-wink-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">emoji-wink-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-check', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-dash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-dash', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-dash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-dash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-dash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-dash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-dash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-dash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-exclamation/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-exclamation', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-exclamation" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-exclamation</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-exclamation-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-exclamation-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-exclamation-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-exclamation-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-open/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-open', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-open" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-open</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-open-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-open-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-open-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-open-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-slash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-slash', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-slash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-slash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-slash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-slash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-slash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-slash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-x', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#envelope-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">envelope-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eraser/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eraser', 32) }}
<use xlink:href="bootstrap-icons.svg#eraser" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eraser</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eraser-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eraser-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#eraser-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eraser-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ethernet/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ethernet', 32) }}
<use xlink:href="bootstrap-icons.svg#ethernet" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ethernet</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-diamond/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-diamond', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-diamond" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-diamond</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-diamond-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-diamond-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-diamond-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-diamond-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-lg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-lg', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-lg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-lg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-octagon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-octagon', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-octagon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-octagon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-octagon-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-octagon-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-octagon-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-octagon-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-square', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-triangle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-triangle', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-triangle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-triangle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-triangle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-triangle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#exclamation-triangle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclamation-triangle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/exclude/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclude', 32) }}
<use xlink:href="bootstrap-icons.svg#exclude" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">exclude</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/explicit/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('explicit', 32) }}
<use xlink:href="bootstrap-icons.svg#explicit" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">explicit</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/explicit-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('explicit-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#explicit-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">explicit-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eye/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eye', 32) }}
<use xlink:href="bootstrap-icons.svg#eye" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eye</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eye-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eye-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#eye-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eye-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eye-slash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eye-slash', 32) }}
<use xlink:href="bootstrap-icons.svg#eye-slash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eye-slash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eye-slash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eye-slash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#eye-slash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eye-slash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eyedropper/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eyedropper', 32) }}
<use xlink:href="bootstrap-icons.svg#eyedropper" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eyedropper</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/eyeglasses/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eyeglasses', 32) }}
<use xlink:href="bootstrap-icons.svg#eyeglasses" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">eyeglasses</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/facebook/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('facebook', 32) }}
<use xlink:href="bootstrap-icons.svg#facebook" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">facebook</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/fan/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fan', 32) }}
<use xlink:href="bootstrap-icons.svg#fan" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">fan</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file', 32) }}
<use xlink:href="bootstrap-icons.svg#file" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-arrow-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-arrow-down', 32) }}
<use xlink:href="bootstrap-icons.svg#file-arrow-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-arrow-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-arrow-down-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-arrow-down-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-arrow-down-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-arrow-down-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-arrow-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-arrow-up', 32) }}
<use xlink:href="bootstrap-icons.svg#file-arrow-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-arrow-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-arrow-up-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-arrow-up-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-arrow-up-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-arrow-up-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-bar-graph/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-bar-graph', 32) }}
<use xlink:href="bootstrap-icons.svg#file-bar-graph" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-bar-graph</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-bar-graph-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-bar-graph-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-bar-graph-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-bar-graph-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-binary/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-binary', 32) }}
<use xlink:href="bootstrap-icons.svg#file-binary" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-binary</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-binary-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-binary-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-binary-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-binary-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-break/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-break', 32) }}
<use xlink:href="bootstrap-icons.svg#file-break" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-break</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-break-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-break-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-break-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-break-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-check', 32) }}
<use xlink:href="bootstrap-icons.svg#file-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-code/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-code', 32) }}
<use xlink:href="bootstrap-icons.svg#file-code" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-code</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-code-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-code-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-code-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-code-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-diff/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-diff', 32) }}
<use xlink:href="bootstrap-icons.svg#file-diff" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-diff</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-diff-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-diff-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-diff-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-diff-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-arrow-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-arrow-down', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-arrow-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-arrow-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-arrow-down-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-arrow-down-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-arrow-down-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-arrow-down-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-arrow-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-arrow-up', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-arrow-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-arrow-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-arrow-up-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-arrow-up-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-arrow-up-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-arrow-up-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-bar-graph/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-bar-graph', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-bar-graph" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-bar-graph</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-bar-graph-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-bar-graph-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-bar-graph-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-bar-graph-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-binary/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-binary', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-binary" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-binary</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-binary-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-binary-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-binary-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-binary-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-break/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-break', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-break" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-break</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-break-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-break-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-break-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-break-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-check', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-code/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-code', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-code" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-code</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-code-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-code-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-code-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-code-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-diff/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-diff', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-diff" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-diff</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-diff-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-diff-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-diff-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-diff-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-easel/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-easel', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-easel" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-easel</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-easel-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-easel-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-easel-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-easel-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-excel/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-excel', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-excel" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-excel</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-excel-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-excel-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-excel-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-excel-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-font/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-font', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-font" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-font</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-font-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-font-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-font-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-font-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-image/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-image', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-image" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-image</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-image-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-image-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-image-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-image-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-lock/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-lock', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-lock" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-lock</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-lock-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-lock-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-lock-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-lock-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-lock2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-lock2', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-lock2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-lock2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-lock2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-lock2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-lock2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-lock2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-medical/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-medical', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-medical" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-medical</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-medical-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-medical-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-medical-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-medical-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-minus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-minus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-minus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-minus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-music/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-music', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-music" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-music</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-music-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-music-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-music-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-music-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-pdf/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-pdf', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-pdf" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-pdf</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-pdf-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-pdf-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-pdf-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-pdf-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-person/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-person', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-person" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-person</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-person-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-person-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-person-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-person-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-play/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-play', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-play" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-play</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-play-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-play-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-play-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-play-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-post/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-post', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-post" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-post</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-post-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-post-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-post-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-post-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-ppt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-ppt', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-ppt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-ppt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-ppt-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-ppt-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-ppt-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-ppt-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-richtext/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-richtext', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-richtext" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-richtext</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-richtext-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-richtext-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-richtext-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-richtext-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-ruled/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-ruled', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-ruled" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-ruled</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-ruled-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-ruled-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-ruled-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-ruled-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-slides/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-slides', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-slides" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-slides</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-slides-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-slides-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-slides-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-slides-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-spreadsheet/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-spreadsheet', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-spreadsheet" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-spreadsheet</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-spreadsheet-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-spreadsheet-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-spreadsheet-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-spreadsheet-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-text', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-text-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-text-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-text-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-text-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-word/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-word', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-word" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-word</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-word-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-word-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-word-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-word-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-x', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-zip/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-zip', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-zip" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-zip</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-zip-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-zip-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-earmark-zip-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-earmark-zip-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-easel/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-easel', 32) }}
<use xlink:href="bootstrap-icons.svg#file-easel" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-easel</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-easel-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-easel-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-easel-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-easel-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-excel/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-excel', 32) }}
<use xlink:href="bootstrap-icons.svg#file-excel" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-excel</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-excel-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-excel-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-excel-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-excel-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-font/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-font', 32) }}
<use xlink:href="bootstrap-icons.svg#file-font" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-font</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-font-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-font-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-font-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-font-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-image/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-image', 32) }}
<use xlink:href="bootstrap-icons.svg#file-image" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-image</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-image-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-image-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-image-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-image-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-lock/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-lock', 32) }}
<use xlink:href="bootstrap-icons.svg#file-lock" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-lock</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-lock-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-lock-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-lock-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-lock-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-lock2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-lock2', 32) }}
<use xlink:href="bootstrap-icons.svg#file-lock2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-lock2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-lock2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-lock2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-lock2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-lock2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-medical/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-medical', 32) }}
<use xlink:href="bootstrap-icons.svg#file-medical" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-medical</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-medical-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-medical-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-medical-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-medical-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#file-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-minus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-minus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-minus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-minus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-music/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-music', 32) }}
<use xlink:href="bootstrap-icons.svg#file-music" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-music</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-music-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-music-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-music-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-music-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-pdf/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-pdf', 32) }}
<use xlink:href="bootstrap-icons.svg#file-pdf" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-pdf</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-pdf-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-pdf-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-pdf-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-pdf-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-person/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-person', 32) }}
<use xlink:href="bootstrap-icons.svg#file-person" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-person</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-person-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-person-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-person-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-person-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-play/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-play', 32) }}
<use xlink:href="bootstrap-icons.svg#file-play" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-play</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-play-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-play-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-play-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-play-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#file-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-post/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-post', 32) }}
<use xlink:href="bootstrap-icons.svg#file-post" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-post</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-post-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-post-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-post-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-post-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-ppt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-ppt', 32) }}
<use xlink:href="bootstrap-icons.svg#file-ppt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-ppt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-ppt-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-ppt-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-ppt-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-ppt-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-richtext/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-richtext', 32) }}
<use xlink:href="bootstrap-icons.svg#file-richtext" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-richtext</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-richtext-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-richtext-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-richtext-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-richtext-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-ruled/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-ruled', 32) }}
<use xlink:href="bootstrap-icons.svg#file-ruled" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-ruled</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-ruled-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-ruled-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-ruled-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-ruled-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-slides/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-slides', 32) }}
<use xlink:href="bootstrap-icons.svg#file-slides" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-slides</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-slides-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-slides-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-slides-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-slides-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-spreadsheet/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-spreadsheet', 32) }}
<use xlink:href="bootstrap-icons.svg#file-spreadsheet" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-spreadsheet</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-spreadsheet-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-spreadsheet-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-spreadsheet-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-spreadsheet-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-text', 32) }}
<use xlink:href="bootstrap-icons.svg#file-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-text-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-text-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-text-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-text-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-word/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-word', 32) }}
<use xlink:href="bootstrap-icons.svg#file-word" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-word</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-word-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-word-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-word-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-word-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-x', 32) }}
<use xlink:href="bootstrap-icons.svg#file-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-zip/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-zip', 32) }}
<use xlink:href="bootstrap-icons.svg#file-zip" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-zip</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/file-zip-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-zip-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#file-zip-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">file-zip-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/files/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('files', 32) }}
<use xlink:href="bootstrap-icons.svg#files" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">files</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/files-alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('files-alt', 32) }}
<use xlink:href="bootstrap-icons.svg#files-alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">files-alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/film/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('film', 32) }}
<use xlink:href="bootstrap-icons.svg#film" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">film</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/filter/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter', 32) }}
<use xlink:href="bootstrap-icons.svg#filter" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">filter</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#filter-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">filter-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#filter-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">filter-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-left', 32) }}
<use xlink:href="bootstrap-icons.svg#filter-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">filter-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-right', 32) }}
<use xlink:href="bootstrap-icons.svg#filter-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">filter-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-square', 32) }}
<use xlink:href="bootstrap-icons.svg#filter-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">filter-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#filter-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">filter-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/fingerprint/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fingerprint', 32) }}
<use xlink:href="bootstrap-icons.svg#fingerprint" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">fingerprint</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/flag/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flag', 32) }}
<use xlink:href="bootstrap-icons.svg#flag" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">flag</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/flag-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flag-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#flag-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">flag-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/flower1/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flower1', 32) }}
<use xlink:href="bootstrap-icons.svg#flower1" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">flower1</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/flower2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flower2', 32) }}
<use xlink:href="bootstrap-icons.svg#flower2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">flower2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/flower3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flower3', 32) }}
<use xlink:href="bootstrap-icons.svg#flower3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">flower3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder', 32) }}
<use xlink:href="bootstrap-icons.svg#folder" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-check', 32) }}
<use xlink:href="bootstrap-icons.svg#folder-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#folder-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#folder-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#folder-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-symlink/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-symlink', 32) }}
<use xlink:href="bootstrap-icons.svg#folder-symlink" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder-symlink</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-symlink-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-symlink-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#folder-symlink-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder-symlink-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-x', 32) }}
<use xlink:href="bootstrap-icons.svg#folder-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder2', 32) }}
<use xlink:href="bootstrap-icons.svg#folder2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/folder2-open/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder2-open', 32) }}
<use xlink:href="bootstrap-icons.svg#folder2-open" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">folder2-open</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/fonts/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fonts', 32) }}
<use xlink:href="bootstrap-icons.svg#fonts" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">fonts</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/forward/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('forward', 32) }}
<use xlink:href="bootstrap-icons.svg#forward" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">forward</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/forward-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('forward-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#forward-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">forward-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/front/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('front', 32) }}
<use xlink:href="bootstrap-icons.svg#front" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">front</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/fullscreen/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fullscreen', 32) }}
<use xlink:href="bootstrap-icons.svg#fullscreen" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">fullscreen</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/fullscreen-exit/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fullscreen-exit', 32) }}
<use xlink:href="bootstrap-icons.svg#fullscreen-exit" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">fullscreen-exit</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/funnel/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('funnel', 32) }}
<use xlink:href="bootstrap-icons.svg#funnel" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">funnel</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/funnel-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('funnel-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#funnel-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">funnel-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gear/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gear', 32) }}
<use xlink:href="bootstrap-icons.svg#gear" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gear</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gear-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gear-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#gear-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gear-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gear-wide/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gear-wide', 32) }}
<use xlink:href="bootstrap-icons.svg#gear-wide" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gear-wide</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gear-wide-connected/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gear-wide-connected', 32) }}
<use xlink:href="bootstrap-icons.svg#gear-wide-connected" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gear-wide-connected</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gem/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gem', 32) }}
<use xlink:href="bootstrap-icons.svg#gem" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gem</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gender-ambiguous/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gender-ambiguous', 32) }}
<use xlink:href="bootstrap-icons.svg#gender-ambiguous" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gender-ambiguous</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gender-female/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gender-female', 32) }}
<use xlink:href="bootstrap-icons.svg#gender-female" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gender-female</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gender-male/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gender-male', 32) }}
<use xlink:href="bootstrap-icons.svg#gender-male" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gender-male</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gender-trans/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gender-trans', 32) }}
<use xlink:href="bootstrap-icons.svg#gender-trans" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gender-trans</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/geo/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('geo', 32) }}
<use xlink:href="bootstrap-icons.svg#geo" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">geo</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/geo-alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('geo-alt', 32) }}
<use xlink:href="bootstrap-icons.svg#geo-alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">geo-alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/geo-alt-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('geo-alt-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#geo-alt-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">geo-alt-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/geo-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('geo-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#geo-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">geo-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gift/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gift', 32) }}
<use xlink:href="bootstrap-icons.svg#gift" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gift</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gift-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gift-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#gift-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gift-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/git/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('git', 32) }}
<use xlink:href="bootstrap-icons.svg#git" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">git</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/github/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('github', 32) }}
<use xlink:href="bootstrap-icons.svg#github" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">github</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/globe/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('globe', 32) }}
<use xlink:href="bootstrap-icons.svg#globe" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">globe</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/globe2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('globe2', 32) }}
<use xlink:href="bootstrap-icons.svg#globe2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">globe2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/google/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('google', 32) }}
<use xlink:href="bootstrap-icons.svg#google" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">google</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/gpu-card/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gpu-card', 32) }}
<use xlink:href="bootstrap-icons.svg#gpu-card" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">gpu-card</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/graph-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('graph-down', 32) }}
<use xlink:href="bootstrap-icons.svg#graph-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">graph-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/graph-down-arrow/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('graph-down-arrow', 32) }}
<use xlink:href="bootstrap-icons.svg#graph-down-arrow" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">graph-down-arrow</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/graph-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('graph-up', 32) }}
<use xlink:href="bootstrap-icons.svg#graph-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">graph-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/graph-up-arrow/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('graph-up-arrow', 32) }}
<use xlink:href="bootstrap-icons.svg#graph-up-arrow" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">graph-up-arrow</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid', 32) }}
<use xlink:href="bootstrap-icons.svg#grid" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-1x2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-1x2', 32) }}
<use xlink:href="bootstrap-icons.svg#grid-1x2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid-1x2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-1x2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-1x2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#grid-1x2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid-1x2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x2', 32) }}
<use xlink:href="bootstrap-icons.svg#grid-3x2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid-3x2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x2-gap/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x2-gap', 32) }}
<use xlink:href="bootstrap-icons.svg#grid-3x2-gap" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid-3x2-gap</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x2-gap-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x2-gap-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#grid-3x2-gap-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid-3x2-gap-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x3', 32) }}
<use xlink:href="bootstrap-icons.svg#grid-3x3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid-3x3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x3-gap/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x3-gap', 32) }}
<use xlink:href="bootstrap-icons.svg#grid-3x3-gap" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid-3x3-gap</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x3-gap-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x3-gap-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#grid-3x3-gap-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid-3x3-gap-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#grid-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grid-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grip-horizontal/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grip-horizontal', 32) }}
<use xlink:href="bootstrap-icons.svg#grip-horizontal" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grip-horizontal</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/grip-vertical/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grip-vertical', 32) }}
<use xlink:href="bootstrap-icons.svg#grip-vertical" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">grip-vertical</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hammer/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hammer', 32) }}
<use xlink:href="bootstrap-icons.svg#hammer" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hammer</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-index/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-index', 32) }}
<use xlink:href="bootstrap-icons.svg#hand-index" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hand-index</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-index-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-index-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hand-index-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hand-index-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-index-thumb/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-index-thumb', 32) }}
<use xlink:href="bootstrap-icons.svg#hand-index-thumb" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hand-index-thumb</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-index-thumb-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-index-thumb-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hand-index-thumb-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hand-index-thumb-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-thumbs-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-thumbs-down', 32) }}
<use xlink:href="bootstrap-icons.svg#hand-thumbs-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hand-thumbs-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-thumbs-down-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-thumbs-down-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hand-thumbs-down-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hand-thumbs-down-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-thumbs-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-thumbs-up', 32) }}
<use xlink:href="bootstrap-icons.svg#hand-thumbs-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hand-thumbs-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-thumbs-up-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-thumbs-up-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hand-thumbs-up-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hand-thumbs-up-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/handbag/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('handbag', 32) }}
<use xlink:href="bootstrap-icons.svg#handbag" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">handbag</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/handbag-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('handbag-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#handbag-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">handbag-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hash', 32) }}
<use xlink:href="bootstrap-icons.svg#hash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd', 32) }}
<use xlink:href="bootstrap-icons.svg#hdd" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdd</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hdd-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdd-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-network/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-network', 32) }}
<use xlink:href="bootstrap-icons.svg#hdd-network" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdd-network</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-network-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-network-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hdd-network-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdd-network-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-rack/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-rack', 32) }}
<use xlink:href="bootstrap-icons.svg#hdd-rack" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdd-rack</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-rack-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-rack-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hdd-rack-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdd-rack-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-stack/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-stack', 32) }}
<use xlink:href="bootstrap-icons.svg#hdd-stack" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdd-stack</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-stack-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-stack-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hdd-stack-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdd-stack-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdmi/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdmi', 32) }}
<use xlink:href="bootstrap-icons.svg#hdmi" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdmi</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hdmi-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdmi-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hdmi-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hdmi-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/headphones/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('headphones', 32) }}
<use xlink:href="bootstrap-icons.svg#headphones" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">headphones</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/headset/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('headset', 32) }}
<use xlink:href="bootstrap-icons.svg#headset" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">headset</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/headset-vr/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('headset-vr', 32) }}
<use xlink:href="bootstrap-icons.svg#headset-vr" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">headset-vr</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/heart/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heart', 32) }}
<use xlink:href="bootstrap-icons.svg#heart" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">heart</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/heart-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heart-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#heart-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">heart-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/heart-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heart-half', 32) }}
<use xlink:href="bootstrap-icons.svg#heart-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">heart-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/heptagon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heptagon', 32) }}
<use xlink:href="bootstrap-icons.svg#heptagon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">heptagon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/heptagon-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heptagon-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#heptagon-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">heptagon-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/heptagon-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heptagon-half', 32) }}
<use xlink:href="bootstrap-icons.svg#heptagon-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">heptagon-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hexagon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hexagon', 32) }}
<use xlink:href="bootstrap-icons.svg#hexagon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hexagon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hexagon-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hexagon-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#hexagon-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hexagon-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hexagon-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hexagon-half', 32) }}
<use xlink:href="bootstrap-icons.svg#hexagon-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hexagon-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hourglass/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hourglass', 32) }}
<use xlink:href="bootstrap-icons.svg#hourglass" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hourglass</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hourglass-bottom/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hourglass-bottom', 32) }}
<use xlink:href="bootstrap-icons.svg#hourglass-bottom" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hourglass-bottom</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hourglass-split/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hourglass-split', 32) }}
<use xlink:href="bootstrap-icons.svg#hourglass-split" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hourglass-split</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hourglass-top/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hourglass-top', 32) }}
<use xlink:href="bootstrap-icons.svg#hourglass-top" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hourglass-top</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/house/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house', 32) }}
<use xlink:href="bootstrap-icons.svg#house" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">house</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/house-door/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-door', 32) }}
<use xlink:href="bootstrap-icons.svg#house-door" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">house-door</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/house-door-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-door-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#house-door-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">house-door-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/house-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#house-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">house-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hr/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hr', 32) }}
<use xlink:href="bootstrap-icons.svg#hr" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hr</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hurricane/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hurricane', 32) }}
<use xlink:href="bootstrap-icons.svg#hurricane" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hurricane</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/hypnotize/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hypnotize', 32) }}
<use xlink:href="bootstrap-icons.svg#hypnotize" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">hypnotize</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/image/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('image', 32) }}
<use xlink:href="bootstrap-icons.svg#image" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">image</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/image-alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('image-alt', 32) }}
<use xlink:href="bootstrap-icons.svg#image-alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">image-alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/image-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('image-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#image-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">image-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/images/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('images', 32) }}
<use xlink:href="bootstrap-icons.svg#images" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">images</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/inbox/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('inbox', 32) }}
<use xlink:href="bootstrap-icons.svg#inbox" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">inbox</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/inbox-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('inbox-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#inbox-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">inbox-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/inboxes/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('inboxes', 32) }}
<use xlink:href="bootstrap-icons.svg#inboxes" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">inboxes</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/inboxes-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('inboxes-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#inboxes-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">inboxes-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/infinity/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('infinity', 32) }}
<use xlink:href="bootstrap-icons.svg#infinity" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">infinity</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/info/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info', 32) }}
<use xlink:href="bootstrap-icons.svg#info" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">info</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/info-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#info-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">info-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/info-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#info-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">info-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/info-lg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-lg', 32) }}
<use xlink:href="bootstrap-icons.svg#info-lg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">info-lg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/info-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-square', 32) }}
<use xlink:href="bootstrap-icons.svg#info-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">info-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/info-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#info-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">info-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/input-cursor/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('input-cursor', 32) }}
<use xlink:href="bootstrap-icons.svg#input-cursor" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">input-cursor</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/input-cursor-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('input-cursor-text', 32) }}
<use xlink:href="bootstrap-icons.svg#input-cursor-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">input-cursor-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/instagram/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('instagram', 32) }}
<use xlink:href="bootstrap-icons.svg#instagram" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">instagram</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/intersect/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('intersect', 32) }}
<use xlink:href="bootstrap-icons.svg#intersect" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">intersect</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal', 32) }}
<use xlink:href="bootstrap-icons.svg#journal" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-album/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-album', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-album" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-album</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-arrow-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-arrow-down', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-arrow-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-arrow-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-arrow-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-arrow-up', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-arrow-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-arrow-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-bookmark/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-bookmark', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-bookmark" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-bookmark</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-bookmark-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-bookmark-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-bookmark-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-bookmark-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-check', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-code/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-code', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-code" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-code</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-medical/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-medical', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-medical" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-medical</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-richtext/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-richtext', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-richtext" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-richtext</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-text/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-text', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-text" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-text</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-x', 32) }}
<use xlink:href="bootstrap-icons.svg#journal-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journal-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/journals/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journals', 32) }}
<use xlink:href="bootstrap-icons.svg#journals" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">journals</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/joystick/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('joystick', 32) }}
<use xlink:href="bootstrap-icons.svg#joystick" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">joystick</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/justify/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('justify', 32) }}
<use xlink:href="bootstrap-icons.svg#justify" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">justify</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/justify-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('justify-left', 32) }}
<use xlink:href="bootstrap-icons.svg#justify-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">justify-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/justify-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('justify-right', 32) }}
<use xlink:href="bootstrap-icons.svg#justify-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">justify-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/kanban/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('kanban', 32) }}
<use xlink:href="bootstrap-icons.svg#kanban" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">kanban</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/kanban-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('kanban-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#kanban-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">kanban-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/key/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('key', 32) }}
<use xlink:href="bootstrap-icons.svg#key" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">key</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/key-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('key-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#key-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">key-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/keyboard/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('keyboard', 32) }}
<use xlink:href="bootstrap-icons.svg#keyboard" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">keyboard</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/keyboard-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('keyboard-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#keyboard-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">keyboard-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ladder/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ladder', 32) }}
<use xlink:href="bootstrap-icons.svg#ladder" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ladder</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lamp/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lamp', 32) }}
<use xlink:href="bootstrap-icons.svg#lamp" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lamp</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lamp-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lamp-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#lamp-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lamp-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/laptop/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('laptop', 32) }}
<use xlink:href="bootstrap-icons.svg#laptop" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">laptop</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/laptop-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('laptop-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#laptop-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">laptop-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layer-backward/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layer-backward', 32) }}
<use xlink:href="bootstrap-icons.svg#layer-backward" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layer-backward</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layer-forward/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layer-forward', 32) }}
<use xlink:href="bootstrap-icons.svg#layer-forward" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layer-forward</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layers/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layers', 32) }}
<use xlink:href="bootstrap-icons.svg#layers" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layers</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layers-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layers-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#layers-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layers-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layers-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layers-half', 32) }}
<use xlink:href="bootstrap-icons.svg#layers-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layers-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-sidebar/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-sidebar', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-sidebar" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-sidebar</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-sidebar-inset/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-sidebar-inset', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-sidebar-inset" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-sidebar-inset</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-sidebar-inset-reverse/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-sidebar-inset-reverse', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-sidebar-inset-reverse" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-sidebar-inset-reverse</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-sidebar-reverse/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-sidebar-reverse', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-sidebar-reverse" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-sidebar-reverse</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-split/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-split', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-split" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-split</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-text-sidebar/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-text-sidebar', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-text-sidebar" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-text-sidebar</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-text-sidebar-reverse/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-text-sidebar-reverse', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-text-sidebar-reverse" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-text-sidebar-reverse</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-text-window/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-text-window', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-text-window" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-text-window</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-text-window-reverse/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-text-window-reverse', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-text-window-reverse" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-text-window-reverse</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-three-columns/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-three-columns', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-three-columns" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-three-columns</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-wtf/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-wtf', 32) }}
<use xlink:href="bootstrap-icons.svg#layout-wtf" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">layout-wtf</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/life-preserver/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('life-preserver', 32) }}
<use xlink:href="bootstrap-icons.svg#life-preserver" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">life-preserver</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lightbulb/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightbulb', 32) }}
<use xlink:href="bootstrap-icons.svg#lightbulb" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lightbulb</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lightbulb-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightbulb-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#lightbulb-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lightbulb-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lightbulb-off/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightbulb-off', 32) }}
<use xlink:href="bootstrap-icons.svg#lightbulb-off" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lightbulb-off</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lightbulb-off-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightbulb-off-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#lightbulb-off-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lightbulb-off-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lightning/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightning', 32) }}
<use xlink:href="bootstrap-icons.svg#lightning" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lightning</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lightning-charge/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightning-charge', 32) }}
<use xlink:href="bootstrap-icons.svg#lightning-charge" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lightning-charge</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lightning-charge-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightning-charge-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#lightning-charge-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lightning-charge-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lightning-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightning-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#lightning-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lightning-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/line/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('line', 32) }}
<use xlink:href="bootstrap-icons.svg#line" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">line</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/link/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('link', 32) }}
<use xlink:href="bootstrap-icons.svg#link" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">link</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/link-45deg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('link-45deg', 32) }}
<use xlink:href="bootstrap-icons.svg#link-45deg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">link-45deg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/linkedin/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('linkedin', 32) }}
<use xlink:href="bootstrap-icons.svg#linkedin" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">linkedin</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/list/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list', 32) }}
<use xlink:href="bootstrap-icons.svg#list" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">list</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/list-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-check', 32) }}
<use xlink:href="bootstrap-icons.svg#list-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">list-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/list-columns/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-columns', 32) }}
<use xlink:href="bootstrap-icons.svg#list-columns" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">list-columns</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/list-columns-reverse/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-columns-reverse', 32) }}
<use xlink:href="bootstrap-icons.svg#list-columns-reverse" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">list-columns-reverse</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/list-nested/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-nested', 32) }}
<use xlink:href="bootstrap-icons.svg#list-nested" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">list-nested</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/list-ol/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-ol', 32) }}
<use xlink:href="bootstrap-icons.svg#list-ol" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">list-ol</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/list-stars/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-stars', 32) }}
<use xlink:href="bootstrap-icons.svg#list-stars" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">list-stars</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/list-task/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-task', 32) }}
<use xlink:href="bootstrap-icons.svg#list-task" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">list-task</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/list-ul/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-ul', 32) }}
<use xlink:href="bootstrap-icons.svg#list-ul" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">list-ul</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lock/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lock', 32) }}
<use xlink:href="bootstrap-icons.svg#lock" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lock</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/lock-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lock-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#lock-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">lock-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/magic/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('magic', 32) }}
<use xlink:href="bootstrap-icons.svg#magic" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">magic</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mailbox/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mailbox', 32) }}
<use xlink:href="bootstrap-icons.svg#mailbox" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mailbox</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mailbox2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mailbox2', 32) }}
<use xlink:href="bootstrap-icons.svg#mailbox2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mailbox2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/map/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('map', 32) }}
<use xlink:href="bootstrap-icons.svg#map" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">map</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/map-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('map-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#map-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">map-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/markdown/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('markdown', 32) }}
<use xlink:href="bootstrap-icons.svg#markdown" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">markdown</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/markdown-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('markdown-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#markdown-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">markdown-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mask/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mask', 32) }}
<use xlink:href="bootstrap-icons.svg#mask" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mask</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mastodon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mastodon', 32) }}
<use xlink:href="bootstrap-icons.svg#mastodon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mastodon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/medium/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('medium', 32) }}
<use xlink:href="bootstrap-icons.svg#medium" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">medium</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/megaphone/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('megaphone', 32) }}
<use xlink:href="bootstrap-icons.svg#megaphone" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">megaphone</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/megaphone-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('megaphone-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#megaphone-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">megaphone-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/memory/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('memory', 32) }}
<use xlink:href="bootstrap-icons.svg#memory" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">memory</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-app/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-app', 32) }}
<use xlink:href="bootstrap-icons.svg#menu-app" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">menu-app</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-app-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-app-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#menu-app-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">menu-app-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-button/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-button', 32) }}
<use xlink:href="bootstrap-icons.svg#menu-button" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">menu-button</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-button-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-button-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#menu-button-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">menu-button-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-button-wide/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-button-wide', 32) }}
<use xlink:href="bootstrap-icons.svg#menu-button-wide" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">menu-button-wide</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-button-wide-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-button-wide-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#menu-button-wide-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">menu-button-wide-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-down', 32) }}
<use xlink:href="bootstrap-icons.svg#menu-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">menu-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-up', 32) }}
<use xlink:href="bootstrap-icons.svg#menu-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">menu-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/messenger/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('messenger', 32) }}
<use xlink:href="bootstrap-icons.svg#messenger" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">messenger</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/meta/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('meta', 32) }}
<use xlink:href="bootstrap-icons.svg#meta" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">meta</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mic/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mic', 32) }}
<use xlink:href="bootstrap-icons.svg#mic" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mic</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mic-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mic-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#mic-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mic-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mic-mute/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mic-mute', 32) }}
<use xlink:href="bootstrap-icons.svg#mic-mute" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mic-mute</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mic-mute-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mic-mute-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#mic-mute-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mic-mute-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/microsoft/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('microsoft', 32) }}
<use xlink:href="bootstrap-icons.svg#microsoft" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">microsoft</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/minecart/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('minecart', 32) }}
<use xlink:href="bootstrap-icons.svg#minecart" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">minecart</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/minecart-loaded/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('minecart-loaded', 32) }}
<use xlink:href="bootstrap-icons.svg#minecart-loaded" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">minecart-loaded</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/modem/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('modem', 32) }}
<use xlink:href="bootstrap-icons.svg#modem" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">modem</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/modem-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('modem-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#modem-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">modem-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/moisture/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moisture', 32) }}
<use xlink:href="bootstrap-icons.svg#moisture" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">moisture</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/moon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moon', 32) }}
<use xlink:href="bootstrap-icons.svg#moon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">moon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/moon-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moon-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#moon-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">moon-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/moon-stars/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moon-stars', 32) }}
<use xlink:href="bootstrap-icons.svg#moon-stars" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">moon-stars</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/moon-stars-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moon-stars-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#moon-stars-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">moon-stars-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mortarboard/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mortarboard', 32) }}
<use xlink:href="bootstrap-icons.svg#mortarboard" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mortarboard</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mortarboard-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mortarboard-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#mortarboard-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mortarboard-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/motherboard/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('motherboard', 32) }}
<use xlink:href="bootstrap-icons.svg#motherboard" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">motherboard</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/motherboard-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('motherboard-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#motherboard-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">motherboard-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse', 32) }}
<use xlink:href="bootstrap-icons.svg#mouse" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mouse</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#mouse-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mouse-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse2', 32) }}
<use xlink:href="bootstrap-icons.svg#mouse2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mouse2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#mouse2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mouse2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse3', 32) }}
<use xlink:href="bootstrap-icons.svg#mouse3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mouse3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse3-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse3-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#mouse3-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">mouse3-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/music-note/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-note', 32) }}
<use xlink:href="bootstrap-icons.svg#music-note" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">music-note</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/music-note-beamed/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-note-beamed', 32) }}
<use xlink:href="bootstrap-icons.svg#music-note-beamed" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">music-note-beamed</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/music-note-list/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-note-list', 32) }}
<use xlink:href="bootstrap-icons.svg#music-note-list" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">music-note-list</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/music-player/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-player', 32) }}
<use xlink:href="bootstrap-icons.svg#music-player" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">music-player</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/music-player-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-player-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#music-player-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">music-player-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/newspaper/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('newspaper', 32) }}
<use xlink:href="bootstrap-icons.svg#newspaper" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">newspaper</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/nintendo-switch/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('nintendo-switch', 32) }}
<use xlink:href="bootstrap-icons.svg#nintendo-switch" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">nintendo-switch</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/node-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('node-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#node-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">node-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/node-minus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('node-minus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#node-minus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">node-minus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/node-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('node-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#node-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">node-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/node-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('node-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#node-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">node-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/nut/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('nut', 32) }}
<use xlink:href="bootstrap-icons.svg#nut" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">nut</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/nut-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('nut-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#nut-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">nut-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/octagon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('octagon', 32) }}
<use xlink:href="bootstrap-icons.svg#octagon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">octagon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/octagon-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('octagon-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#octagon-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">octagon-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/octagon-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('octagon-half', 32) }}
<use xlink:href="bootstrap-icons.svg#octagon-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">octagon-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/optical-audio/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('optical-audio', 32) }}
<use xlink:href="bootstrap-icons.svg#optical-audio" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">optical-audio</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/optical-audio-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('optical-audio-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#optical-audio-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">optical-audio-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/option/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('option', 32) }}
<use xlink:href="bootstrap-icons.svg#option" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">option</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/outlet/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('outlet', 32) }}
<use xlink:href="bootstrap-icons.svg#outlet" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">outlet</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/paint-bucket/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('paint-bucket', 32) }}
<use xlink:href="bootstrap-icons.svg#paint-bucket" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">paint-bucket</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/palette/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('palette', 32) }}
<use xlink:href="bootstrap-icons.svg#palette" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">palette</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/palette-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('palette-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#palette-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">palette-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/palette2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('palette2', 32) }}
<use xlink:href="bootstrap-icons.svg#palette2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">palette2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/paperclip/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('paperclip', 32) }}
<use xlink:href="bootstrap-icons.svg#paperclip" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">paperclip</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/paragraph/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('paragraph', 32) }}
<use xlink:href="bootstrap-icons.svg#paragraph" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">paragraph</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-check', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-exclamation/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-exclamation', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-exclamation" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-exclamation</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-exclamation-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-exclamation-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-exclamation-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-exclamation-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-minus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-minus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-minus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-minus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-question/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-question', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-question" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-question</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-question-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-question-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#patch-question-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">patch-question-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pause/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause', 32) }}
<use xlink:href="bootstrap-icons.svg#pause" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pause</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-btn/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-btn', 32) }}
<use xlink:href="bootstrap-icons.svg#pause-btn" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pause-btn</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-btn-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-btn-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pause-btn-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pause-btn-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#pause-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pause-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pause-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pause-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pause-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pause-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/paypal/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('paypal', 32) }}
<use xlink:href="bootstrap-icons.svg#paypal" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">paypal</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pc/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pc', 32) }}
<use xlink:href="bootstrap-icons.svg#pc" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pc</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pc-display/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pc-display', 32) }}
<use xlink:href="bootstrap-icons.svg#pc-display" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pc-display</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pc-display-horizontal/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pc-display-horizontal', 32) }}
<use xlink:href="bootstrap-icons.svg#pc-display-horizontal" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pc-display-horizontal</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pc-horizontal/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pc-horizontal', 32) }}
<use xlink:href="bootstrap-icons.svg#pc-horizontal" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pc-horizontal</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pci-card/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pci-card', 32) }}
<use xlink:href="bootstrap-icons.svg#pci-card" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pci-card</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/peace/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('peace', 32) }}
<use xlink:href="bootstrap-icons.svg#peace" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">peace</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/peace-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('peace-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#peace-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">peace-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pen/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pen', 32) }}
<use xlink:href="bootstrap-icons.svg#pen" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pen</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pen-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pen-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pen-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pen-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pencil/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pencil', 32) }}
<use xlink:href="bootstrap-icons.svg#pencil" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pencil</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pencil-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pencil-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pencil-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pencil-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pencil-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pencil-square', 32) }}
<use xlink:href="bootstrap-icons.svg#pencil-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pencil-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pentagon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pentagon', 32) }}
<use xlink:href="bootstrap-icons.svg#pentagon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pentagon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pentagon-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pentagon-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pentagon-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pentagon-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pentagon-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pentagon-half', 32) }}
<use xlink:href="bootstrap-icons.svg#pentagon-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pentagon-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/people/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('people', 32) }}
<use xlink:href="bootstrap-icons.svg#people" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">people</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/people-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('people-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#people-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">people-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/percent/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('percent', 32) }}
<use xlink:href="bootstrap-icons.svg#percent" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">percent</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person', 32) }}
<use xlink:href="bootstrap-icons.svg#person" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-badge/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-badge', 32) }}
<use xlink:href="bootstrap-icons.svg#person-badge" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-badge</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-badge-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-badge-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#person-badge-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-badge-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-bounding-box/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-bounding-box', 32) }}
<use xlink:href="bootstrap-icons.svg#person-bounding-box" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-bounding-box</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-check', 32) }}
<use xlink:href="bootstrap-icons.svg#person-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#person-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#person-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-dash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-dash', 32) }}
<use xlink:href="bootstrap-icons.svg#person-dash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-dash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-dash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-dash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#person-dash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-dash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#person-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-lines-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-lines-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#person-lines-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-lines-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#person-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#person-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-rolodex/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-rolodex', 32) }}
<use xlink:href="bootstrap-icons.svg#person-rolodex" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-rolodex</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-square', 32) }}
<use xlink:href="bootstrap-icons.svg#person-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-video/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-video', 32) }}
<use xlink:href="bootstrap-icons.svg#person-video" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-video</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-video2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-video2', 32) }}
<use xlink:href="bootstrap-icons.svg#person-video2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-video2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-video3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-video3', 32) }}
<use xlink:href="bootstrap-icons.svg#person-video3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-video3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-workspace/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-workspace', 32) }}
<use xlink:href="bootstrap-icons.svg#person-workspace" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-workspace</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-x', 32) }}
<use xlink:href="bootstrap-icons.svg#person-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/person-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#person-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">person-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/phone/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone', 32) }}
<use xlink:href="bootstrap-icons.svg#phone" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">phone</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#phone-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">phone-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-landscape/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-landscape', 32) }}
<use xlink:href="bootstrap-icons.svg#phone-landscape" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">phone-landscape</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-landscape-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-landscape-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#phone-landscape-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">phone-landscape-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-vibrate/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-vibrate', 32) }}
<use xlink:href="bootstrap-icons.svg#phone-vibrate" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">phone-vibrate</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-vibrate-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-vibrate-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#phone-vibrate-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">phone-vibrate-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pie-chart/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pie-chart', 32) }}
<use xlink:href="bootstrap-icons.svg#pie-chart" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pie-chart</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pie-chart-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pie-chart-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pie-chart-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pie-chart-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/piggy-bank/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('piggy-bank', 32) }}
<use xlink:href="bootstrap-icons.svg#piggy-bank" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">piggy-bank</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/piggy-bank-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('piggy-bank-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#piggy-bank-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">piggy-bank-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pin/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin', 32) }}
<use xlink:href="bootstrap-icons.svg#pin" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pin</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-angle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-angle', 32) }}
<use xlink:href="bootstrap-icons.svg#pin-angle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pin-angle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-angle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-angle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pin-angle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pin-angle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pin-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pin-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-map/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-map', 32) }}
<use xlink:href="bootstrap-icons.svg#pin-map" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pin-map</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-map-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-map-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pin-map-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pin-map-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pinterest/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pinterest', 32) }}
<use xlink:href="bootstrap-icons.svg#pinterest" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pinterest</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pip/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pip', 32) }}
<use xlink:href="bootstrap-icons.svg#pip" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pip</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/pip-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pip-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#pip-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">pip-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/play/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play', 32) }}
<use xlink:href="bootstrap-icons.svg#play" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">play</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/play-btn/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-btn', 32) }}
<use xlink:href="bootstrap-icons.svg#play-btn" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">play-btn</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/play-btn-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-btn-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#play-btn-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">play-btn-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/play-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#play-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">play-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/play-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#play-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">play-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/play-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#play-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">play-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/playstation/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('playstation', 32) }}
<use xlink:href="bootstrap-icons.svg#playstation" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">playstation</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plug/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plug', 32) }}
<use xlink:href="bootstrap-icons.svg#plug" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plug</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plug-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plug-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#plug-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plug-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus', 32) }}
<use xlink:href="bootstrap-icons.svg#plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#plus-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plus-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-circle-dotted/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-circle-dotted', 32) }}
<use xlink:href="bootstrap-icons.svg#plus-circle-dotted" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plus-circle-dotted</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#plus-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plus-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-lg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-lg', 32) }}
<use xlink:href="bootstrap-icons.svg#plus-lg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plus-lg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-slash-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-slash-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#plus-slash-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plus-slash-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-square', 32) }}
<use xlink:href="bootstrap-icons.svg#plus-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plus-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-square-dotted/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-square-dotted', 32) }}
<use xlink:href="bootstrap-icons.svg#plus-square-dotted" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plus-square-dotted</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#plus-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">plus-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/power/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('power', 32) }}
<use xlink:href="bootstrap-icons.svg#power" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">power</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/printer/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('printer', 32) }}
<use xlink:href="bootstrap-icons.svg#printer" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">printer</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/printer-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('printer-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#printer-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">printer-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/projector/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('projector', 32) }}
<use xlink:href="bootstrap-icons.svg#projector" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">projector</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/projector-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('projector-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#projector-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">projector-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/puzzle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('puzzle', 32) }}
<use xlink:href="bootstrap-icons.svg#puzzle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">puzzle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/puzzle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('puzzle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#puzzle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">puzzle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/qr-code/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('qr-code', 32) }}
<use xlink:href="bootstrap-icons.svg#qr-code" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">qr-code</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/qr-code-scan/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('qr-code-scan', 32) }}
<use xlink:href="bootstrap-icons.svg#qr-code-scan" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">qr-code-scan</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question', 32) }}
<use xlink:href="bootstrap-icons.svg#question" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#question-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#question-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question-diamond/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-diamond', 32) }}
<use xlink:href="bootstrap-icons.svg#question-diamond" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question-diamond</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question-diamond-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-diamond-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#question-diamond-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question-diamond-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question-lg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-lg', 32) }}
<use xlink:href="bootstrap-icons.svg#question-lg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question-lg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question-octagon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-octagon', 32) }}
<use xlink:href="bootstrap-icons.svg#question-octagon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question-octagon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question-octagon-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-octagon-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#question-octagon-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question-octagon-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-square', 32) }}
<use xlink:href="bootstrap-icons.svg#question-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/question-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#question-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">question-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/quora/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('quora', 32) }}
<use xlink:href="bootstrap-icons.svg#quora" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">quora</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/quote/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('quote', 32) }}
<use xlink:href="bootstrap-icons.svg#quote" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">quote</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/radioactive/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('radioactive', 32) }}
<use xlink:href="bootstrap-icons.svg#radioactive" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">radioactive</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/rainbow/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rainbow', 32) }}
<use xlink:href="bootstrap-icons.svg#rainbow" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">rainbow</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/receipt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('receipt', 32) }}
<use xlink:href="bootstrap-icons.svg#receipt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">receipt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/receipt-cutoff/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('receipt-cutoff', 32) }}
<use xlink:href="bootstrap-icons.svg#receipt-cutoff" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">receipt-cutoff</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-0/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-0', 32) }}
<use xlink:href="bootstrap-icons.svg#reception-0" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reception-0</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-1/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-1', 32) }}
<use xlink:href="bootstrap-icons.svg#reception-1" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reception-1</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-2', 32) }}
<use xlink:href="bootstrap-icons.svg#reception-2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reception-2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-3', 32) }}
<use xlink:href="bootstrap-icons.svg#reception-3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reception-3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-4/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-4', 32) }}
<use xlink:href="bootstrap-icons.svg#reception-4" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reception-4</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/record/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record', 32) }}
<use xlink:href="bootstrap-icons.svg#record" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">record</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/record-btn/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-btn', 32) }}
<use xlink:href="bootstrap-icons.svg#record-btn" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">record-btn</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/record-btn-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-btn-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#record-btn-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">record-btn-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/record-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#record-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">record-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/record-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#record-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">record-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/record-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#record-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">record-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/record2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record2', 32) }}
<use xlink:href="bootstrap-icons.svg#record2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">record2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/record2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#record2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">record2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/recycle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('recycle', 32) }}
<use xlink:href="bootstrap-icons.svg#recycle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">recycle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reddit/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reddit', 32) }}
<use xlink:href="bootstrap-icons.svg#reddit" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reddit</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reply/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reply', 32) }}
<use xlink:href="bootstrap-icons.svg#reply" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reply</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reply-all/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reply-all', 32) }}
<use xlink:href="bootstrap-icons.svg#reply-all" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reply-all</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reply-all-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reply-all-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#reply-all-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reply-all-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/reply-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reply-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#reply-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">reply-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/robot/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('robot', 32) }}
<use xlink:href="bootstrap-icons.svg#robot" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">robot</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/router/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('router', 32) }}
<use xlink:href="bootstrap-icons.svg#router" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">router</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/router-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('router-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#router-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">router-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/rss/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rss', 32) }}
<use xlink:href="bootstrap-icons.svg#rss" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">rss</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/rss-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rss-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#rss-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">rss-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/rulers/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rulers', 32) }}
<use xlink:href="bootstrap-icons.svg#rulers" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">rulers</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/safe/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('safe', 32) }}
<use xlink:href="bootstrap-icons.svg#safe" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">safe</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/safe-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('safe-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#safe-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">safe-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/safe2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('safe2', 32) }}
<use xlink:href="bootstrap-icons.svg#safe2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">safe2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/safe2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('safe2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#safe2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">safe2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/save/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('save', 32) }}
<use xlink:href="bootstrap-icons.svg#save" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">save</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/save-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('save-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#save-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">save-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/save2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('save2', 32) }}
<use xlink:href="bootstrap-icons.svg#save2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">save2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/save2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('save2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#save2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">save2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/scissors/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('scissors', 32) }}
<use xlink:href="bootstrap-icons.svg#scissors" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">scissors</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/screwdriver/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('screwdriver', 32) }}
<use xlink:href="bootstrap-icons.svg#screwdriver" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">screwdriver</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sd-card/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sd-card', 32) }}
<use xlink:href="bootstrap-icons.svg#sd-card" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sd-card</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sd-card-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sd-card-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#sd-card-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sd-card-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/search/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('search', 32) }}
<use xlink:href="bootstrap-icons.svg#search" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">search</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/segmented-nav/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('segmented-nav', 32) }}
<use xlink:href="bootstrap-icons.svg#segmented-nav" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">segmented-nav</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send', 32) }}
<use xlink:href="bootstrap-icons.svg#send" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-check', 32) }}
<use xlink:href="bootstrap-icons.svg#send-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-check-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-check-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#send-check-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-check-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-dash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-dash', 32) }}
<use xlink:href="bootstrap-icons.svg#send-dash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-dash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-dash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-dash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#send-dash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-dash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-exclamation/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-exclamation', 32) }}
<use xlink:href="bootstrap-icons.svg#send-exclamation" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-exclamation</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-exclamation-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-exclamation-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#send-exclamation-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-exclamation-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#send-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#send-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#send-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-slash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-slash', 32) }}
<use xlink:href="bootstrap-icons.svg#send-slash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-slash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-slash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-slash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#send-slash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-slash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-x', 32) }}
<use xlink:href="bootstrap-icons.svg#send-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/send-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#send-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">send-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/server/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('server', 32) }}
<use xlink:href="bootstrap-icons.svg#server" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">server</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/share/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('share', 32) }}
<use xlink:href="bootstrap-icons.svg#share" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">share</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/share-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('share-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#share-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">share-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield', 32) }}
<use xlink:href="bootstrap-icons.svg#shield" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-check', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-exclamation/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-exclamation', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-exclamation" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-exclamation</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-check/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-check', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-fill-check" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-fill-check</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-exclamation/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-exclamation', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-fill-exclamation" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-fill-exclamation</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-fill-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-fill-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-fill-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-fill-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-x', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-fill-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-fill-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-lock/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-lock', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-lock" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-lock</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-lock-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-lock-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-lock-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-lock-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-shaded/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-shaded', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-shaded" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-shaded</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-slash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-slash', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-slash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-slash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-slash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-slash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-slash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-slash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-x', 32) }}
<use xlink:href="bootstrap-icons.svg#shield-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shield-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shift/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shift', 32) }}
<use xlink:href="bootstrap-icons.svg#shift" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shift</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shift-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shift-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#shift-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shift-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shop/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shop', 32) }}
<use xlink:href="bootstrap-icons.svg#shop" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shop</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shop-window/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shop-window', 32) }}
<use xlink:href="bootstrap-icons.svg#shop-window" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shop-window</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/shuffle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shuffle', 32) }}
<use xlink:href="bootstrap-icons.svg#shuffle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">shuffle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/signal/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signal', 32) }}
<use xlink:href="bootstrap-icons.svg#signal" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">signal</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost', 32) }}
<use xlink:href="bootstrap-icons.svg#signpost" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">signpost</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-2', 32) }}
<use xlink:href="bootstrap-icons.svg#signpost-2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">signpost-2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#signpost-2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">signpost-2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#signpost-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">signpost-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-split/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-split', 32) }}
<use xlink:href="bootstrap-icons.svg#signpost-split" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">signpost-split</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-split-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-split-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#signpost-split-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">signpost-split-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sim/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sim', 32) }}
<use xlink:href="bootstrap-icons.svg#sim" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sim</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sim-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sim-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#sim-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sim-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-backward" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-backward</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-btn/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-btn', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-backward-btn" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-backward-btn</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-btn-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-btn-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-backward-btn-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-backward-btn-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-backward-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-backward-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-backward-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-backward-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-backward-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-backward-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-end" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-end</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-btn/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-btn', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-end-btn" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-end-btn</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-btn-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-btn-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-end-btn-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-end-btn-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-end-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-end-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-end-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-end-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-end-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-end-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-forward" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-forward</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-btn/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-btn', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-forward-btn" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-forward-btn</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-btn-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-btn-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-forward-btn-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-forward-btn-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-forward-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-forward-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-forward-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-forward-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-forward-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-forward-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-start" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-start</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-btn/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-btn', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-start-btn" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-start-btn</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-btn-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-btn-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-start-btn-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-start-btn-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-start-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-start-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-start-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-start-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#skip-start-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skip-start-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/skype/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skype', 32) }}
<use xlink:href="bootstrap-icons.svg#skype" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">skype</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/slack/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slack', 32) }}
<use xlink:href="bootstrap-icons.svg#slack" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">slack</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/slash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash', 32) }}
<use xlink:href="bootstrap-icons.svg#slash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">slash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#slash-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">slash-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#slash-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">slash-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-lg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-lg', 32) }}
<use xlink:href="bootstrap-icons.svg#slash-lg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">slash-lg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-square', 32) }}
<use xlink:href="bootstrap-icons.svg#slash-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">slash-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#slash-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">slash-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sliders/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sliders', 32) }}
<use xlink:href="bootstrap-icons.svg#sliders" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sliders</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/smartwatch/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('smartwatch', 32) }}
<use xlink:href="bootstrap-icons.svg#smartwatch" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">smartwatch</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/snapchat/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('snapchat', 32) }}
<use xlink:href="bootstrap-icons.svg#snapchat" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">snapchat</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/snow/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('snow', 32) }}
<use xlink:href="bootstrap-icons.svg#snow" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">snow</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/snow2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('snow2', 32) }}
<use xlink:href="bootstrap-icons.svg#snow2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">snow2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/snow3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('snow3', 32) }}
<use xlink:href="bootstrap-icons.svg#snow3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">snow3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-alpha-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-alpha-down', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-alpha-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-alpha-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-alpha-down-alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-alpha-down-alt', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-alpha-down-alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-alpha-down-alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-alpha-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-alpha-up', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-alpha-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-alpha-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-alpha-up-alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-alpha-up-alt', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-alpha-up-alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-alpha-up-alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-down', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-down-alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-down-alt', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-down-alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-down-alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-numeric-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-numeric-down', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-numeric-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-numeric-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-numeric-down-alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-numeric-down-alt', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-numeric-down-alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-numeric-down-alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-numeric-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-numeric-up', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-numeric-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-numeric-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-numeric-up-alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-numeric-up-alt', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-numeric-up-alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-numeric-up-alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-up', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-up-alt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-up-alt', 32) }}
<use xlink:href="bootstrap-icons.svg#sort-up-alt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sort-up-alt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/soundwave/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('soundwave', 32) }}
<use xlink:href="bootstrap-icons.svg#soundwave" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">soundwave</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/speaker/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('speaker', 32) }}
<use xlink:href="bootstrap-icons.svg#speaker" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">speaker</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/speaker-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('speaker-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#speaker-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">speaker-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/speedometer/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('speedometer', 32) }}
<use xlink:href="bootstrap-icons.svg#speedometer" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">speedometer</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/speedometer2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('speedometer2', 32) }}
<use xlink:href="bootstrap-icons.svg#speedometer2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">speedometer2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/spellcheck/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('spellcheck', 32) }}
<use xlink:href="bootstrap-icons.svg#spellcheck" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">spellcheck</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/spotify/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('spotify', 32) }}
<use xlink:href="bootstrap-icons.svg#spotify" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">spotify</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('square', 32) }}
<use xlink:href="bootstrap-icons.svg#square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/square-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('square-half', 32) }}
<use xlink:href="bootstrap-icons.svg#square-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">square-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stack/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stack', 32) }}
<use xlink:href="bootstrap-icons.svg#stack" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stack</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stack-overflow/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stack-overflow', 32) }}
<use xlink:href="bootstrap-icons.svg#stack-overflow" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stack-overflow</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/star/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('star', 32) }}
<use xlink:href="bootstrap-icons.svg#star" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">star</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/star-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('star-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#star-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">star-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/star-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('star-half', 32) }}
<use xlink:href="bootstrap-icons.svg#star-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">star-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stars/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stars', 32) }}
<use xlink:href="bootstrap-icons.svg#stars" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stars</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/steam/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('steam', 32) }}
<use xlink:href="bootstrap-icons.svg#steam" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">steam</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stickies/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stickies', 32) }}
<use xlink:href="bootstrap-icons.svg#stickies" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stickies</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stickies-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stickies-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#stickies-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stickies-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sticky/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sticky', 32) }}
<use xlink:href="bootstrap-icons.svg#sticky" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sticky</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sticky-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sticky-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#sticky-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sticky-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stop/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop', 32) }}
<use xlink:href="bootstrap-icons.svg#stop" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stop</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-btn/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-btn', 32) }}
<use xlink:href="bootstrap-icons.svg#stop-btn" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stop-btn</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-btn-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-btn-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#stop-btn-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stop-btn-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#stop-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stop-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#stop-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stop-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#stop-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stop-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stoplights/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stoplights', 32) }}
<use xlink:href="bootstrap-icons.svg#stoplights" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stoplights</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stoplights-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stoplights-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#stoplights-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stoplights-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stopwatch/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stopwatch', 32) }}
<use xlink:href="bootstrap-icons.svg#stopwatch" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stopwatch</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/stopwatch-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stopwatch-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#stopwatch-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">stopwatch-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/strava/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('strava', 32) }}
<use xlink:href="bootstrap-icons.svg#strava" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">strava</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/subtract/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('subtract', 32) }}
<use xlink:href="bootstrap-icons.svg#subtract" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">subtract</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-club/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-club', 32) }}
<use xlink:href="bootstrap-icons.svg#suit-club" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">suit-club</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-club-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-club-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#suit-club-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">suit-club-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-diamond/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-diamond', 32) }}
<use xlink:href="bootstrap-icons.svg#suit-diamond" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">suit-diamond</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-diamond-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-diamond-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#suit-diamond-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">suit-diamond-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-heart/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-heart', 32) }}
<use xlink:href="bootstrap-icons.svg#suit-heart" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">suit-heart</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-heart-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-heart-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#suit-heart-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">suit-heart-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-spade/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-spade', 32) }}
<use xlink:href="bootstrap-icons.svg#suit-spade" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">suit-spade</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-spade-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-spade-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#suit-spade-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">suit-spade-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sun/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sun', 32) }}
<use xlink:href="bootstrap-icons.svg#sun" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sun</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sun-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sun-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#sun-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sun-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sunglasses/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunglasses', 32) }}
<use xlink:href="bootstrap-icons.svg#sunglasses" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sunglasses</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sunrise/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunrise', 32) }}
<use xlink:href="bootstrap-icons.svg#sunrise" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sunrise</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sunrise-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunrise-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#sunrise-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sunrise-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sunset/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunset', 32) }}
<use xlink:href="bootstrap-icons.svg#sunset" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sunset</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/sunset-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunset-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#sunset-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">sunset-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/symmetry-horizontal/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('symmetry-horizontal', 32) }}
<use xlink:href="bootstrap-icons.svg#symmetry-horizontal" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">symmetry-horizontal</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/symmetry-vertical/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('symmetry-vertical', 32) }}
<use xlink:href="bootstrap-icons.svg#symmetry-vertical" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">symmetry-vertical</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/table/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('table', 32) }}
<use xlink:href="bootstrap-icons.svg#table" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">table</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tablet/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tablet', 32) }}
<use xlink:href="bootstrap-icons.svg#tablet" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tablet</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tablet-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tablet-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#tablet-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tablet-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tablet-landscape/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tablet-landscape', 32) }}
<use xlink:href="bootstrap-icons.svg#tablet-landscape" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tablet-landscape</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tablet-landscape-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tablet-landscape-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#tablet-landscape-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tablet-landscape-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tag/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tag', 32) }}
<use xlink:href="bootstrap-icons.svg#tag" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tag</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tag-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tag-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#tag-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tag-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tags/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tags', 32) }}
<use xlink:href="bootstrap-icons.svg#tags" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tags</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tags-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tags-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#tags-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tags-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telegram/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telegram', 32) }}
<use xlink:href="bootstrap-icons.svg#telegram" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telegram</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-forward/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-forward', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-forward" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-forward</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-forward-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-forward-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-forward-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-forward-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-inbound/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-inbound', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-inbound" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-inbound</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-inbound-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-inbound-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-inbound-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-inbound-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-minus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-minus', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-minus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-minus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-minus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-minus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-minus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-minus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-outbound/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-outbound', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-outbound" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-outbound</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-outbound-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-outbound-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-outbound-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-outbound-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-plus-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-plus-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-plus-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-plus-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-x', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-x-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-x-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#telephone-x-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">telephone-x-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal', 32) }}
<use xlink:href="bootstrap-icons.svg#terminal" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">terminal</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-dash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-dash', 32) }}
<use xlink:href="bootstrap-icons.svg#terminal-dash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">terminal-dash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#terminal-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">terminal-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#terminal-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">terminal-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-split/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-split', 32) }}
<use xlink:href="bootstrap-icons.svg#terminal-split" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">terminal-split</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-x', 32) }}
<use xlink:href="bootstrap-icons.svg#terminal-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">terminal-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/text-center/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-center', 32) }}
<use xlink:href="bootstrap-icons.svg#text-center" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">text-center</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/text-indent-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-indent-left', 32) }}
<use xlink:href="bootstrap-icons.svg#text-indent-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">text-indent-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/text-indent-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-indent-right', 32) }}
<use xlink:href="bootstrap-icons.svg#text-indent-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">text-indent-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/text-left/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-left', 32) }}
<use xlink:href="bootstrap-icons.svg#text-left" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">text-left</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/text-paragraph/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-paragraph', 32) }}
<use xlink:href="bootstrap-icons.svg#text-paragraph" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">text-paragraph</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/text-right/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-right', 32) }}
<use xlink:href="bootstrap-icons.svg#text-right" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">text-right</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/textarea/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('textarea', 32) }}
<use xlink:href="bootstrap-icons.svg#textarea" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">textarea</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/textarea-resize/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('textarea-resize', 32) }}
<use xlink:href="bootstrap-icons.svg#textarea-resize" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">textarea-resize</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/textarea-t/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('textarea-t', 32) }}
<use xlink:href="bootstrap-icons.svg#textarea-t" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">textarea-t</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer', 32) }}
<use xlink:href="bootstrap-icons.svg#thermometer" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">thermometer</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-half', 32) }}
<use xlink:href="bootstrap-icons.svg#thermometer-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">thermometer-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-high/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-high', 32) }}
<use xlink:href="bootstrap-icons.svg#thermometer-high" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">thermometer-high</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-low/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-low', 32) }}
<use xlink:href="bootstrap-icons.svg#thermometer-low" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">thermometer-low</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-snow/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-snow', 32) }}
<use xlink:href="bootstrap-icons.svg#thermometer-snow" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">thermometer-snow</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-sun/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-sun', 32) }}
<use xlink:href="bootstrap-icons.svg#thermometer-sun" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">thermometer-sun</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/three-dots/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('three-dots', 32) }}
<use xlink:href="bootstrap-icons.svg#three-dots" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">three-dots</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/three-dots-vertical/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('three-dots-vertical', 32) }}
<use xlink:href="bootstrap-icons.svg#three-dots-vertical" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">three-dots-vertical</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/thunderbolt/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thunderbolt', 32) }}
<use xlink:href="bootstrap-icons.svg#thunderbolt" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">thunderbolt</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/thunderbolt-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thunderbolt-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#thunderbolt-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">thunderbolt-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket', 32) }}
<use xlink:href="bootstrap-icons.svg#ticket" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ticket</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-detailed/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-detailed', 32) }}
<use xlink:href="bootstrap-icons.svg#ticket-detailed" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ticket-detailed</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-detailed-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-detailed-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#ticket-detailed-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ticket-detailed-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#ticket-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ticket-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-perforated/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-perforated', 32) }}
<use xlink:href="bootstrap-icons.svg#ticket-perforated" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ticket-perforated</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-perforated-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-perforated-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#ticket-perforated-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ticket-perforated-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tiktok/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tiktok', 32) }}
<use xlink:href="bootstrap-icons.svg#tiktok" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tiktok</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/toggle-off/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggle-off', 32) }}
<use xlink:href="bootstrap-icons.svg#toggle-off" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">toggle-off</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/toggle-on/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggle-on', 32) }}
<use xlink:href="bootstrap-icons.svg#toggle-on" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">toggle-on</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/toggle2-off/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggle2-off', 32) }}
<use xlink:href="bootstrap-icons.svg#toggle2-off" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">toggle2-off</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/toggle2-on/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggle2-on', 32) }}
<use xlink:href="bootstrap-icons.svg#toggle2-on" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">toggle2-on</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/toggles/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggles', 32) }}
<use xlink:href="bootstrap-icons.svg#toggles" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">toggles</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/toggles2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggles2', 32) }}
<use xlink:href="bootstrap-icons.svg#toggles2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">toggles2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tools/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tools', 32) }}
<use xlink:href="bootstrap-icons.svg#tools" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tools</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tornado/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tornado', 32) }}
<use xlink:href="bootstrap-icons.svg#tornado" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tornado</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/translate/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('translate', 32) }}
<use xlink:href="bootstrap-icons.svg#translate" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">translate</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/trash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash', 32) }}
<use xlink:href="bootstrap-icons.svg#trash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">trash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/trash-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#trash-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">trash-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/trash2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash2', 32) }}
<use xlink:href="bootstrap-icons.svg#trash2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">trash2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/trash2-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash2-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#trash2-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">trash2-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tree/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tree', 32) }}
<use xlink:href="bootstrap-icons.svg#tree" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tree</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tree-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tree-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#tree-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tree-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/triangle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('triangle', 32) }}
<use xlink:href="bootstrap-icons.svg#triangle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">triangle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/triangle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('triangle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#triangle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">triangle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/triangle-half/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('triangle-half', 32) }}
<use xlink:href="bootstrap-icons.svg#triangle-half" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">triangle-half</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/trophy/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trophy', 32) }}
<use xlink:href="bootstrap-icons.svg#trophy" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">trophy</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/trophy-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trophy-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#trophy-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">trophy-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tropical-storm/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tropical-storm', 32) }}
<use xlink:href="bootstrap-icons.svg#tropical-storm" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tropical-storm</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/truck/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('truck', 32) }}
<use xlink:href="bootstrap-icons.svg#truck" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">truck</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/truck-flatbed/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('truck-flatbed', 32) }}
<use xlink:href="bootstrap-icons.svg#truck-flatbed" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">truck-flatbed</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tsunami/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tsunami', 32) }}
<use xlink:href="bootstrap-icons.svg#tsunami" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tsunami</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tv/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tv', 32) }}
<use xlink:href="bootstrap-icons.svg#tv" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tv</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/tv-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tv-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#tv-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">tv-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/twitch/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('twitch', 32) }}
<use xlink:href="bootstrap-icons.svg#twitch" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">twitch</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/twitter/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('twitter', 32) }}
<use xlink:href="bootstrap-icons.svg#twitter" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">twitter</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/type/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type', 32) }}
<use xlink:href="bootstrap-icons.svg#type" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">type</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/type-bold/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-bold', 32) }}
<use xlink:href="bootstrap-icons.svg#type-bold" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">type-bold</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/type-h1/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-h1', 32) }}
<use xlink:href="bootstrap-icons.svg#type-h1" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">type-h1</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/type-h2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-h2', 32) }}
<use xlink:href="bootstrap-icons.svg#type-h2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">type-h2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/type-h3/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-h3', 32) }}
<use xlink:href="bootstrap-icons.svg#type-h3" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">type-h3</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/type-italic/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-italic', 32) }}
<use xlink:href="bootstrap-icons.svg#type-italic" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">type-italic</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/type-strikethrough/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-strikethrough', 32) }}
<use xlink:href="bootstrap-icons.svg#type-strikethrough" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">type-strikethrough</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/type-underline/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-underline', 32) }}
<use xlink:href="bootstrap-icons.svg#type-underline" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">type-underline</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ui-checks/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ui-checks', 32) }}
<use xlink:href="bootstrap-icons.svg#ui-checks" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ui-checks</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ui-checks-grid/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ui-checks-grid', 32) }}
<use xlink:href="bootstrap-icons.svg#ui-checks-grid" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ui-checks-grid</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ui-radios/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ui-radios', 32) }}
<use xlink:href="bootstrap-icons.svg#ui-radios" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ui-radios</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/ui-radios-grid/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ui-radios-grid', 32) }}
<use xlink:href="bootstrap-icons.svg#ui-radios-grid" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">ui-radios-grid</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/umbrella/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('umbrella', 32) }}
<use xlink:href="bootstrap-icons.svg#umbrella" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">umbrella</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/umbrella-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('umbrella-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#umbrella-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">umbrella-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/union/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('union', 32) }}
<use xlink:href="bootstrap-icons.svg#union" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">union</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/unlock/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('unlock', 32) }}
<use xlink:href="bootstrap-icons.svg#unlock" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">unlock</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/unlock-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('unlock-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#unlock-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">unlock-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/upc/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('upc', 32) }}
<use xlink:href="bootstrap-icons.svg#upc" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">upc</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/upc-scan/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('upc-scan', 32) }}
<use xlink:href="bootstrap-icons.svg#upc-scan" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">upc-scan</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/upload/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('upload', 32) }}
<use xlink:href="bootstrap-icons.svg#upload" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">upload</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb', 32) }}
<use xlink:href="bootstrap-icons.svg#usb" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-c/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-c', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-c" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-c</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-c-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-c-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-c-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-c-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-drive/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-drive', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-drive" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-drive</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-drive-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-drive-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-drive-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-drive-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-micro/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-micro', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-micro" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-micro</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-micro-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-micro-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-micro-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-micro-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-mini/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-mini', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-mini" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-mini</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-mini-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-mini-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-mini-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-mini-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-plug/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-plug', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-plug" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-plug</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-plug-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-plug-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-plug-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-plug-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-symbol/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-symbol', 32) }}
<use xlink:href="bootstrap-icons.svg#usb-symbol" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">usb-symbol</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/vector-pen/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vector-pen', 32) }}
<use xlink:href="bootstrap-icons.svg#vector-pen" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">vector-pen</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/view-list/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('view-list', 32) }}
<use xlink:href="bootstrap-icons.svg#view-list" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">view-list</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/view-stacked/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('view-stacked', 32) }}
<use xlink:href="bootstrap-icons.svg#view-stacked" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">view-stacked</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/vimeo/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vimeo', 32) }}
<use xlink:href="bootstrap-icons.svg#vimeo" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">vimeo</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/vinyl/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vinyl', 32) }}
<use xlink:href="bootstrap-icons.svg#vinyl" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">vinyl</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/vinyl-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vinyl-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#vinyl-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">vinyl-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/voicemail/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('voicemail', 32) }}
<use xlink:href="bootstrap-icons.svg#voicemail" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">voicemail</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-down/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-down', 32) }}
<use xlink:href="bootstrap-icons.svg#volume-down" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">volume-down</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-down-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-down-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#volume-down-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">volume-down-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-mute/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-mute', 32) }}
<use xlink:href="bootstrap-icons.svg#volume-mute" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">volume-mute</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-mute-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-mute-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#volume-mute-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">volume-mute-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-off/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-off', 32) }}
<use xlink:href="bootstrap-icons.svg#volume-off" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">volume-off</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-off-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-off-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#volume-off-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">volume-off-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-up/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-up', 32) }}
<use xlink:href="bootstrap-icons.svg#volume-up" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">volume-up</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-up-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-up-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#volume-up-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">volume-up-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/vr/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vr', 32) }}
<use xlink:href="bootstrap-icons.svg#vr" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">vr</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wallet/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wallet', 32) }}
<use xlink:href="bootstrap-icons.svg#wallet" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wallet</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wallet-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wallet-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#wallet-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wallet-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wallet2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wallet2', 32) }}
<use xlink:href="bootstrap-icons.svg#wallet2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wallet2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/watch/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('watch', 32) }}
<use xlink:href="bootstrap-icons.svg#watch" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">watch</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/water/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('water', 32) }}
<use xlink:href="bootstrap-icons.svg#water" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">water</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/webcam/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('webcam', 32) }}
<use xlink:href="bootstrap-icons.svg#webcam" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">webcam</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/webcam-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('webcam-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#webcam-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">webcam-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/whatsapp/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('whatsapp', 32) }}
<use xlink:href="bootstrap-icons.svg#whatsapp" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">whatsapp</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wifi/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wifi', 32) }}
<use xlink:href="bootstrap-icons.svg#wifi" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wifi</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wifi-1/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wifi-1', 32) }}
<use xlink:href="bootstrap-icons.svg#wifi-1" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wifi-1</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wifi-2/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wifi-2', 32) }}
<use xlink:href="bootstrap-icons.svg#wifi-2" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wifi-2</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wifi-off/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wifi-off', 32) }}
<use xlink:href="bootstrap-icons.svg#wifi-off" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wifi-off</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wind/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wind', 32) }}
<use xlink:href="bootstrap-icons.svg#wind" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wind</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window', 32) }}
<use xlink:href="bootstrap-icons.svg#window" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window-dash/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-dash', 32) }}
<use xlink:href="bootstrap-icons.svg#window-dash" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window-dash</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window-desktop/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-desktop', 32) }}
<use xlink:href="bootstrap-icons.svg#window-desktop" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window-desktop</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window-dock/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-dock', 32) }}
<use xlink:href="bootstrap-icons.svg#window-dock" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window-dock</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window-fullscreen/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-fullscreen', 32) }}
<use xlink:href="bootstrap-icons.svg#window-fullscreen" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window-fullscreen</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window-plus/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-plus', 32) }}
<use xlink:href="bootstrap-icons.svg#window-plus" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window-plus</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window-sidebar/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-sidebar', 32) }}
<use xlink:href="bootstrap-icons.svg#window-sidebar" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window-sidebar</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window-split/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-split', 32) }}
<use xlink:href="bootstrap-icons.svg#window-split" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window-split</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window-stack/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-stack', 32) }}
<use xlink:href="bootstrap-icons.svg#window-stack" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window-stack</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/window-x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-x', 32) }}
<use xlink:href="bootstrap-icons.svg#window-x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">window-x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/windows/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('windows', 32) }}
<use xlink:href="bootstrap-icons.svg#windows" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">windows</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wordpress/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wordpress', 32) }}
<use xlink:href="bootstrap-icons.svg#wordpress" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wordpress</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/wrench/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wrench', 32) }}
<use xlink:href="bootstrap-icons.svg#wrench" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">wrench</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x', 32) }}
<use xlink:href="bootstrap-icons.svg#x" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x-circle/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-circle', 32) }}
<use xlink:href="bootstrap-icons.svg#x-circle" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x-circle</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x-circle-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-circle-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#x-circle-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x-circle-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x-diamond/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-diamond', 32) }}
<use xlink:href="bootstrap-icons.svg#x-diamond" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x-diamond</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x-diamond-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-diamond-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#x-diamond-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x-diamond-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x-lg/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-lg', 32) }}
<use xlink:href="bootstrap-icons.svg#x-lg" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x-lg</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x-octagon/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-octagon', 32) }}
<use xlink:href="bootstrap-icons.svg#x-octagon" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x-octagon</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x-octagon-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-octagon-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#x-octagon-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x-octagon-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x-square/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-square', 32) }}
<use xlink:href="bootstrap-icons.svg#x-square" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x-square</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/x-square-fill/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-square-fill', 32) }}
<use xlink:href="bootstrap-icons.svg#x-square-fill" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">x-square-fill</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/xbox/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('xbox', 32) }}
<use xlink:href="bootstrap-icons.svg#xbox" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">xbox</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/yin-yang/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('yin-yang', 32) }}
<use xlink:href="bootstrap-icons.svg#yin-yang" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">yin-yang</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/youtube/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('youtube', 32) }}
<use xlink:href="bootstrap-icons.svg#youtube" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">youtube</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/zoom-in/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('zoom-in', 32) }}
<use xlink:href="bootstrap-icons.svg#zoom-in" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">zoom-in</div>
</li>
<li class="col mb-4" data-tags="numbers" data-categories="typography">
<a class="d-block text-dark text-decoration-none" href="https://icons.getbootstrap.com/icons/zoom-out/">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('zoom-out', 32) }}
<use xlink:href="bootstrap-icons.svg#zoom-out" />
</svg>
</div>
</a>
<div class="name text-muted text-decoration-none text-center pt-1">zoom-out</div>
</li>
</ul>
{% endblock %}
